:root {
                                             --bg: #0b1020;
                                             --frame-border: #c8ccd4;
                                             --surface: #ffffff;
                                             --surface-muted: #f0f0f0;
                                             --ink: #1f2430;
                                             --blue: #128ccf;
                                             --blue-strong: #0090e6;
                                             --green: #148a28;
                                             --shadow: 0 12px 28px rgba(5, 14, 30, 0.18);
                                         }
                                         
                                         * {
                                             box-sizing: border-box;
                                         }
                                         
                                         body {
                                             margin: 0;
                                             min-height: 100vh;
                                             font-family: "Inter", sans-serif;
                                             color: var(--ink);
                                             background: radial-gradient(circle at top, rgba(34, 63, 145, 0.35), transparent 30%), linear-gradient(180deg, #0a1022 0%, #09101d 100%);
                                         }
                                         
                                         button,
                                         a {
                                             font: inherit;
                                         }
                                         
                                         .page-shell {
                                             min-height: 100vh;
                                             display: grid;
                                             place-items: center;
                                             padding: 28px 16px;
                                         }
                                         
                                         .phone-frame {
                                             width: min(100%, 554px);
                                             background: var(--surface);
                                             border: 1px solid var(--frame-border);
                                             box-shadow: var(--shadow);
                                             overflow: hidden;
                                         }
                                         
                                         .download-strip {
                                             height: 72px;
                                             padding: 0 18px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             background: #e8e8e8;
                                         }
                                         
                                         .download-app {
                                             display: flex;
                                             align-items: center;
                                             gap: 16px;
                                         }
                                         
                                         .app-badge {
                                             width: 48px;
                                             height: 48px;
                                             display: grid;
                                             place-items: center;
                                             border-radius: 14px;
                                             border: 2px solid rgba(255, 255, 255, 0.5);
                                             background: radial-gradient(circle at 32% 28%, #ffe07c 0%, #ffb81c 30%, #ff6a00 68%, #f0281c 100%);
                                             color: #fff;
                                             font-weight: 800;
                                             box-shadow: 0 6px 14px rgba(255, 128, 0, 0.35);
                                         }
                                         
                                         .badge-core {
                                             font-size: 26px;
                                             filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.22));
                                         }
                                         
                                         .eyebrow {
                                             margin: 0;
                                             font-size: 22px;
                                             font-weight: 500;
                                         }
                                         
                                         .icon-button {
                                             border: 0;
                                             background: transparent;
                                             color: #1e1e1e;
                                             font-size: 22px;
                                             cursor: pointer;
                                         }
                                         
                                         .icon-download {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                         }
                                         
                                         .icon-download .bar,
                                         .icon-download .shaft {
                                             position: absolute;
                                             left: 50%;
                                             transform: translateX(-50%);
                                             background: #151515;
                                         }
                                         
                                         .icon-download .shaft {
                                             top: 3px;
                                             width: 4px;
                                             height: 14px;
                                         }
                                         
                                         .icon-download .bar {
                                             bottom: 4px;
                                             width: 16px;
                                             height: 3px;
                                         }
                                         
                                         .icon-download::before,
                                         .icon-download::after {
                                             content: "";
                                             position: absolute;
                                             top: 11px;
                                             width: 10px;
                                             height: 4px;
                                             background: #151515;
                                         }
                                         
                                         .icon-download::before {
                                             left: 8px;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .icon-download::after {
                                             right: 8px;
                                             transform: rotate(-45deg);
                                         }
                                         
                                         .topbar {
                                             height: 72px;
                                             padding: 0 26px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             background: linear-gradient(180deg, #1093d9 0%, #0f87cb 100%);
                                             color: #fff;
                                         }
                                         
                                         .logo {
                                             font-family: "Archivo Black", sans-serif;
                                             font-size: 20px;
                                             line-height: 1;
                                             color: #0a0a0a;
                                             text-transform: uppercase;
                                             background: linear-gradient(90deg, #fff 0 28%, transparent 28% 34%, #fff 34% 64%, transparent 64% 70%, #fff 70% 100%);
                                             padding: 10px 14px 8px;
                                             box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.25);
                                         }
                                         
                                         .header-actions {
                                             display: flex;
                                             align-items: center;
                                             gap: 22px;
                                         }
                                         
                                         .header-actions .icon-button {
                                             color: #fff;
                                             font-size: 20px;
                                             position: relative;
                                             width: 22px;
                                             height: 22px;
                                         }
                                         
                                         .icon-headset::before,
                                         .icon-headset::after,
                                         .icon-volume::before,
                                         .icon-volume::after,
                                         .icon-moon::before,
                                         .icon-moon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .icon-headset::before {
                                             inset: 2px 3px 9px;
                                             border: 3px solid #fff;
                                             border-bottom: 0;
                                             border-radius: 12px 12px 0 0;
                                         }
                                         
                                         .icon-headset::after {
                                             inset: 11px 4px 0;
                                             border-left: 3px solid #fff;
                                             border-right: 3px solid #fff;
                                             border-radius: 0 0 6px 6px;
                                         }
                                         
                                         .icon-volume::before {
                                             left: 1px;
                                             top: 7px;
                                             width: 8px;
                                             height: 8px;
                                             background: #fff;
                                             clip-path: polygon(0 35%, 45% 35%, 100% 0, 100% 100%, 45% 65%, 0 65%);
                                         }
                                         
                                         .icon-volume::after {
                                             right: 1px;
                                             top: 5px;
                                             width: 10px;
                                             height: 12px;
                                             border-right: 3px solid #fff;
                                             border-radius: 0 10px 10px 0;
                                         }
                                         
                                         .icon-moon::before {
                                             right: 1px;
                                             top: 2px;
                                             width: 18px;
                                             height: 18px;
                                             border-radius: 50%;
                                             background: #fff;
                                         }
                                         
                                         .icon-moon::after {
                                             right: -1px;
                                             top: 0;
                                             width: 16px;
                                             height: 16px;
                                             border-radius: 50%;
                                             background: #0f87cb;
                                         }
                                         
                                         .hero-wrap {
                                             padding: 28px 10px 18px;
                                             background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
                                             border-bottom: 2px solid #dedede;
                                         }
                                         
                                         .hero-card {
                                             position: relative;
                                             min-height: 200px;
                                             padding: 28px 34px 26px;
                                             border-radius: 0 0 26px 26px;
                                             overflow: hidden;
                                             color: #fff;
                                             background: linear-gradient(90deg, rgba(14, 8, 13, 0.95) 0%, rgba(38, 10, 20, 0.95) 35%, rgba(125, 8, 18, 0.93) 68%, rgba(245, 17, 17, 0.96) 100%), radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.12), transparent 35%);
                                         }
                                         
                                         .hero-card::before {
                                             content: "";
                                             position: absolute;
                                             inset: 0;
                                             background: linear-gradient(120deg, transparent 0 55%, rgba(255, 215, 0, 0.15) 55% 64%, transparent 64%);
                                         }
                                         
                                         .hero-card::after {
                                             content: "";
                                             position: absolute;
                                             inset: 0;
                                             background: radial-gradient(circle at 22% 40%, rgba(255, 255, 255, 0.14), transparent 22%), radial-gradient(circle at 46% 20%, rgba(255, 215, 0, 0.12), transparent 18%), radial-gradient(circle at 60% 68%, rgba(255, 255, 255, 0.08), transparent 20%);
                                         }
                                         
                                         .hero-kicker,
                                         .hero-subtitle,
                                         .hero-note,
                                         .cta-button,
                                         .hero-card h1 {
                                             position: relative;
                                             z-index: 2;
                                         }
                                         
                                         .hero-kicker {
                                             margin: 10px 0 10px;
                                             font-size: 11px;
                                             letter-spacing: 0.08em;
                                             text-transform: uppercase;
                                             color: #f9d588;
                                         }
                                         
                                         .hero-card h1 {
                                             margin: 0;
                                             font-family: "Archivo Black", sans-serif;
                                             font-size: clamp(42px, 7.2vw, 62px);
                                             line-height: 0.95;
                                             text-transform: uppercase;
                                             color: #ffbf4d;
                                             text-shadow: -2px -2px 0 #fff4dc, 2px 2px 0 #b82500, 4px 4px 0 #7a1800;
                                         }
                                         
                                         .hero-subtitle {
                                             margin: 8px 0 14px;
                                             font-weight: 800;
                                             font-size: 19px;
                                             text-transform: uppercase;
                                         }
                                         
                                         .cta-button {
                                             min-width: 132px;
                                             padding: 10px 18px;
                                             border: 0;
                                             border-radius: 999px;
                                             background: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
                                             color: #111;
                                             font-weight: 800;
                                             text-transform: uppercase;
                                             box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);
                                         }
                                         
                                         .hero-note {
                                             position: absolute;
                                             right: 14px;
                                             bottom: 10px;
                                             font-size: 10px;
                                             font-weight: 700;
                                         }
                                         
                                         .slider-arrow {
                                             position: absolute;
                                             top: 50%;
                                             transform: translateY(-50%);
                                             z-index: 3;
                                             border: 0;
                                             width: 28px;
                                             height: 48px;
                                             display: grid;
                                             place-items: center;
                                             font-size: 44px;
                                             background: transparent;
                                             color: #fff;
                                             cursor: pointer;
                                         }
                                         
                                         .slider-arrow.left {
                                             left: 4px;
                                         }
                                         
                                         .slider-arrow.right {
                                             right: 4px;
                                         }
                                         
                                         .coin {
                                             position: absolute;
                                             z-index: 1;
                                             width: 34px;
                                             height: 34px;
                                             border-radius: 50%;
                                             background: radial-gradient(circle at 30% 30%, #fff2a3 0%, #ffd552 35%, #f0a100 100%);
                                             box-shadow: inset 0 -4px 0 rgba(153, 84, 0, 0.25);
                                         }
                                         
                                         .coin::after {
                                             content: "₹";
                                             position: absolute;
                                             inset: 0;
                                             display: grid;
                                             place-items: center;
                                             font-size: 14px;
                                             font-weight: 800;
                                             color: rgba(160, 84, 0, 0.8);
                                         }
                                         
                                         .coin-a {
                                             top: 10px;
                                             left: 10px;
                                             transform: rotate(-22deg);
                                         }
                                         
                                         .coin-b {
                                             right: 50px;
                                             bottom: 14px;
                                             width: 50px;
                                             height: 50px;
                                             transform: rotate(20deg);
                                         }
                                         
                                         .coin-c {
                                             right: 146px;
                                             top: 54px;
                                             width: 28px;
                                             height: 28px;
                                         }
                                         
                                         .gift-box {
                                             position: absolute;
                                             right: 42px;
                                             top: 10px;
                                             width: 148px;
                                             height: 118px;
                                             transform: rotate(16deg);
                                             background: linear-gradient(135deg, #ffca2d 0%, #e47e00 45%, #ffdd45 100%);
                                             box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
                                         }
                                         
                                         .gift-lid {
                                             position: absolute;
                                             top: -18px;
                                             right: -6px;
                                             width: 118px;
                                             height: 24px;
                                             background: linear-gradient(180deg, #ffd84f 0%, #df7b00 100%);
                                         }
                                         
                                         .gift-box::before,
                                         .gift-box::after {
                                             content: "";
                                             position: absolute;
                                             background: #9d120a;
                                         }
                                         
                                         .gift-box::before {
                                             width: 58px;
                                             height: 14px;
                                             top: -10px;
                                             left: 28px;
                                             transform: rotate(-32deg);
                                             border-radius: 10px;
                                         }
                                         
                                         .gift-box::after {
                                             width: 58px;
                                             height: 14px;
                                             top: -6px;
                                             right: 18px;
                                             transform: rotate(32deg);
                                             border-radius: 10px;
                                         }
                                         
                                         .gift-ribbon {
                                             position: absolute;
                                             background: #9d120a;
                                         }
                                         
                                         .gift-ribbon.horizontal {
                                             left: 0;
                                             right: 0;
                                             top: 42px;
                                             height: 14px;
                                         }
                                         
                                         .gift-ribbon.vertical {
                                             top: 0;
                                             bottom: 0;
                                             left: 56px;
                                             width: 16px;
                                         }
                                         
                                         .pool-section {
                                             padding: 18px 8px 0;
                                         }
                                         
                                         .section-head {
                                             padding: 0 20px 18px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                         }
                                         
                                         .section-head h2 {
                                             margin: 0;
                                             font-size: 24px;
                                             font-weight: 500;
                                         }
                                         
                                         .view-all {
                                             border: 0;
                                             padding: 12px 18px;
                                             border-radius: 4px;
                                             background: linear-gradient(180deg, #1d9fe7 0%, #0b86d1 100%);
                                             color: #fff;
                                             font-size: 14px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             box-shadow: 0 4px 10px rgba(18, 140, 207, 0.28);
                                         }
                                         
                                         .card-grid {
                                             display: grid;
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                             gap: 6px;
                                             border-top: 1px solid #efefef;
                                         }
                                         
                                         .pool-card {
                                             border: 1px solid #ececec;
                                             background: #fff;
                                         }
                                         
                                         .prize-art {
                                             position: relative;
                                             margin: 10px;
                                             min-height: 214px;
                                             padding: 20px 16px 16px;
                                             border-radius: 22px;
                                             overflow: hidden;
                                             text-align: center;
                                             background: radial-gradient(circle at top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #6ca8ff 0%, #7aa5ff 34%, #7f78f1 72%, #6b25cc 100%);
                                         }
                                         
                                         .prize-art::before {
                                             content: "";
                                             position: absolute;
                                             inset: 0;
                                             background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 40%), radial-gradient(circle at bottom left, rgba(255, 187, 78, 0.48), transparent 18%), radial-gradient(circle at bottom right, rgba(255, 123, 175, 0.5), transparent 16%);
                                         }
                                         
                                         .prize-art-deep {
                                             background: radial-gradient(circle at top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #6d9eff 0%, #7198ff 30%, #6c6ef0 68%, #5621b7 100%);
                                         }
                                         
                                         .amount,
                                         .label,
                                         .prize-caption,
                                         .how-to-play,
                                         .mini-cta {
                                             position: relative;
                                             z-index: 2;
                                         }
                                         
                                         .amount {
                                             margin: 4px 0 0;
                                             color: #fff;
                                             font-size: 54px;
                                             font-weight: 800;
                                             line-height: 1;
                                         }
                                         
                                         .label {
                                             margin: 0;
                                             color: #fff;
                                             font-size: 28px;
                                             font-weight: 800;
                                             line-height: 1.05;
                                             text-transform: uppercase;
                                         }
                                         
                                         .prize-caption {
                                             margin: 8px 0 0;
                                             color: rgba(255, 255, 255, 0.65);
                                             font-size: 9px;
                                             font-weight: 600;
                                             letter-spacing: 0.04em;
                                             text-transform: uppercase;
                                         }
                                         
                                         .how-to-play {
                                             display: grid;
                                             grid-template-columns: repeat(3, 1fr);
                                             gap: 4px;
                                             margin-top: 14px;
                                             padding: 10px 8px;
                                             border-radius: 8px;
                                             background: rgba(255, 255, 255, 0.9);
                                             color: #4d4d4d;
                                             font-size: 9px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                         }
                                         
                                         .mini-cta {
                                             margin-top: 10px;
                                             border: 0;
                                             padding: 6px 18px;
                                             border-radius: 999px;
                                             background: linear-gradient(180deg, #ff52c0 0%, #d02b89 100%);
                                             color: #fff;
                                             font-size: 11px;
                                             font-weight: 800;
                                             text-transform: uppercase;
                                             box-shadow: 0 5px 12px rgba(208, 43, 137, 0.28);
                                         }
                                         
                                         .spark {
                                             position: absolute;
                                             width: 4px;
                                             height: 4px;
                                             border-radius: 50%;
                                             background: rgba(255, 255, 255, 0.9);
                                             box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
                                         }
                                         
                                         .spark-a {
                                             top: 22px;
                                             left: 28px;
                                         }
                                         
                                         .spark-b {
                                             top: 42px;
                                             right: 24px;
                                         }
                                         
                                         .spark-c {
                                             top: 88px;
                                             left: 64px;
                                         }
                                         
                                         .card-copy {
                                             padding: 4px 10px 12px;
                                             text-align: center;
                                         }
                                         
                                         .pool-title {
                                             margin: 0;
                                             font-size: 18px;
                                         }
                                         
                                         .status {
                                             margin: 4px 0 0;
                                             color: var(--green);
                                             font-size: 16px;
                                             font-weight: 700;
                                         }
                                         
                                         .games-section {
                                             padding: 10px 8px 0;
                                             border-top: 2px solid #dcdcdc;
                                         }
                                         
                                         .games-head {
                                             padding-top: 18px;
                                             padding-bottom: 18px;
                                         }
                                         
                                         .games-grid {
                                             display: grid;
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                             gap: 6px;
                                         }
                                         
                                         .game-card {
                                             border: 1px solid #ececec;
                                             background: #fff;
                                         }
                                         
                                         .game-art {
                                             position: relative;
                                             margin: 10px;
                                             min-height: 180px;
                                             border-radius: 18px;
                                             overflow: hidden;
                                             display: grid;
                                             place-items: center;
                                             isolation: isolate;
                                         }
                                         
                                         .game-art-wingo,
                                         .game-art-hit,
                                         .game-art-aviator,
                                         .game-art-mines {
                                             background-color: #f8fafc;
                                             background-position: center;
                                             background-repeat: no-repeat;
                                             background-size: cover;
                                         }
                                         
                                         .game-art::before {
                                             content: "";
                                             position: absolute;
                                             inset: 0;
                                             opacity: 0.24;
                                             z-index: 0;
                                         }
                                         
                                         .game-art-wingo {
                                             background-image: url("images/lucky-hit/cards/2 .png");
                                         }
                                         
                                         .game-art-wingo::before {
                                             content: none;
                                         }
                                         
                                         .ball-row {
                                             position: relative;
                                             z-index: 1;
                                             display: flex;
                                             gap: 8px;
                                             margin-top: 10px;
                                         }
                                         
                                         .game-ball {
                                             width: 52px;
                                             height: 52px;
                                             border-radius: 50%;
                                             display: grid;
                                             place-items: center;
                                             font-size: 18px;
                                             font-weight: 800;
                                             color: #1d1d1d;
                                             background: radial-gradient(circle at 35% 30%, #ffffff 0%, #f6f6f6 24%, currentColor 25%, #0000 26%), currentColor;
                                             box-shadow: inset -8px -10px 16px rgba(0, 0, 0, 0.22), 0 10px 16px rgba(0, 0, 0, 0.2);
                                         }
                                         
                                         .ball-red {
                                             color: #e13737;
                                         }
                                         
                                         .ball-purple {
                                             color: #8355d7;
                                         }
                                         
                                         .ball-green {
                                             color: #18aa45;
                                         }
                                         
                                         .game-art-hit {
                                             background-image: url("images/lucky-hit/cards/1.png");
                                         }
                                         
                                         .game-art-hit::before {
                                             content: none;
                                         }
                                         
                                         .card-fan {
                                             position: relative;
                                             z-index: 1;
                                             width: 122px;
                                             height: 86px;
                                             margin-top: 6px;
                                         }
                                         
                                         .playing-card {
                                             position: absolute;
                                             width: 60px;
                                             height: 84px;
                                             border-radius: 8px;
                                             background: linear-gradient(180deg, #ffffff 0%, #fff4f0 100%);
                                             border: 2px solid rgba(40, 24, 24, 0.5);
                                             box-shadow: 0 10px 18px rgba(58, 16, 16, 0.22);
                                             display: grid;
                                             place-items: center;
                                             font-size: 18px;
                                             font-weight: 800;
                                             color: #d23942;
                                         }
                                         
                                         .card-a {
                                             left: 4px;
                                             top: 10px;
                                             transform: rotate(-20deg);
                                         }
                                         
                                         .card-b {
                                             left: 22px;
                                             top: 4px;
                                             transform: rotate(-9deg);
                                         }
                                         
                                         .card-c {
                                             left: 40px;
                                             top: 2px;
                                             transform: rotate(2deg);
                                         }
                                         
                                         .card-d {
                                             left: 58px;
                                             top: 8px;
                                             transform: rotate(12deg);
                                             color: #242424;
                                         }
                                         
                                         .game-art-aviator {
                                             background-image: url("images/lucky-hit/cards/4 .png");
                                         }
                                         
                                         .game-art-aviator::before {
                                             content: none;
                                         }
                                         
                                         .plane-shape {
                                             position: relative;
                                             z-index: 1;
                                             width: 120px;
                                             height: 38px;
                                             margin-top: 8px;
                                             background: linear-gradient(90deg, #f54f61 0%, #bf1732 100%);
                                             border-radius: 40px 16px 10px 40px;
                                             transform: rotate(-24deg);
                                             box-shadow: 0 10px 18px rgba(117, 29, 45, 0.28);
                                         }
                                         
                                         .plane-wing,
                                         .plane-tail {
                                             position: absolute;
                                             background: linear-gradient(90deg, #ff7a8b 0%, #cc1e3a 100%);
                                         }
                                         
                                         .plane-wing {
                                             width: 56px;
                                             height: 12px;
                                             left: 36px;
                                             top: 12px;
                                             transform: rotate(34deg);
                                             border-radius: 12px;
                                         }
                                         
                                         .plane-tail {
                                             width: 28px;
                                             height: 10px;
                                             right: 0;
                                             top: -4px;
                                             transform: rotate(54deg);
                                             border-radius: 10px;
                                         }
                                         
                                         .game-art-mines {
                                             background-image: url("images/lucky-hit/cards/3 .png");
                                         }
                                         
                                         .game-art-mines::before {
                                             content: none;
                                         }
                                         
                                         .game-art-wingo .ball-row,
                                         .game-art-hit .card-fan,
                                         .game-art-aviator .plane-shape,
                                         .game-art-mines .star-mark,
                                         .game-art-mines .mine-ball,
                                         .game-art .game-banner {
                                             display: none;
                                         }
                                         
                                         .star-mark {
                                             position: absolute;
                                             z-index: 1;
                                             top: 18px;
                                             left: 52px;
                                             color: #ffb50a;
                                             font-size: 30px;
                                             filter: drop-shadow(0 4px 8px rgba(201, 104, 0, 0.22));
                                         }
                                         
                                         .mine-ball {
                                             position: relative;
                                             z-index: 1;
                                             width: 82px;
                                             height: 82px;
                                             margin-top: 10px;
                                             border-radius: 50%;
                                             background: radial-gradient(circle at 35% 30%, #7288ff 0%, #4a57c3 26%, #36206c 76%, #20123d 100%);
                                             box-shadow: inset -12px -10px 18px rgba(14, 5, 40, 0.48), 0 10px 16px rgba(0, 0, 0, 0.18);
                                         }
                                         
                                         .mine-ball::before,
                                         .mine-ball::after {
                                             content: "";
                                             position: absolute;
                                             background: rgba(107, 197, 255, 0.75);
                                             border-radius: 999px;
                                         }
                                         
                                         .mine-ball::before {
                                             width: 48px;
                                             height: 3px;
                                             left: 16px;
                                             top: 30px;
                                             transform: rotate(-24deg);
                                         }
                                         
                                         .mine-ball::after {
                                             width: 34px;
                                             height: 3px;
                                             left: 24px;
                                             top: 44px;
                                             transform: rotate(30deg);
                                         }
                                         
                                         .mine-wire {
                                             position: absolute;
                                             right: -2px;
                                             top: -18px;
                                             width: 10px;
                                             height: 34px;
                                             border-radius: 10px;
                                             background: linear-gradient(180deg, #744414 0%, #593108 100%);
                                             transform: rotate(34deg);
                                         }
                                         
                                         .game-banner {
                                             position: absolute;
                                             z-index: 1;
                                             bottom: 8px;
                                             left: 0;
                                             right: 0;
                                             margin: 0;
                                             text-align: center;
                                             color: #fff;
                                             font-size: 28px;
                                             font-weight: 800;
                                             text-transform: uppercase;
                                             text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
                                         }
                                         
                                         .game-copy {
                                             padding: 2px 10px 16px;
                                             text-align: center;
                                             font-size: 16px;
                                         }
                                         
                                         .pool-card,
                                         .game-card,
                                         .inout-card,
                                         .logo {
                                             cursor: pointer;
                                         }
                                         
                                         .inout-section {
                                             padding: 8px 8px 0;
                                             border-top: 2px solid #dcdcdc;
                                         }
                                         
                                         .inout-head {
                                             padding-top: 18px;
                                             padding-bottom: 18px;
                                         }
                                         
                                         .inout-grid {
                                             display: grid;
                                             grid-template-columns: repeat(3, minmax(0, 1fr));
                                             gap: 8px;
                                         }
                                         
                                         .inout-card {
                                             border: 1px solid #ececec;
                                             background: #fff;
                                         }
                                         
                                         .inout-art {
                                             position: relative;
                                             margin: 8px;
                                             min-height: 202px;
                                             overflow: hidden;
                                             isolation: isolate;
                                         }
                                         
                                         .inout-copy {
                                             padding: 4px 8px 16px;
                                             text-align: center;
                                             font-size: 15px;
                                         }
                                         
                                         .page-shell-login {
                                             padding: 0;
                                         }
                                         
                                         .login-frame {
                                             min-height: 100vh;
                                         }
                                         
                                         .login-topbar {
                                             height: 70px;
                                             padding: 0 18px;
                                             display: flex;
                                             align-items: center;
                                             gap: 18px;
                                             background: linear-gradient(180deg, #1490d4 0%, #178cca 100%);
                                             color: #fff;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
                                         }
                                         
                                         .login-topbar h1 {
                                             margin: 0;
                                             font-size: 22px;
                                             font-weight: 600;
                                         }
                                         
                                         .login-back {
                                             width: 28px;
                                             height: 28px;
                                             border: 0;
                                             padding: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .login-back span {
                                             display: block;
                                             width: 12px;
                                             height: 12px;
                                             border-left: 3px solid #fff;
                                             border-bottom: 3px solid #fff;
                                             transform: rotate(45deg);
                                             margin-left: 6px;
                                         }
                                         
                                         .login-content {
                                             padding: 26px 26px 40px;
                                             background: #fff;
                                         }
                                         
                                         .login-select-wrap,
                                         .field-box {
                                             position: relative;
                                             display: flex;
                                             align-items: center;
                                             width: 100%;
                                             min-height: 54px;
                                             margin-bottom: 30px;
                                             background: #fff;
                                             border: 1px solid #ededed;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .login-select {
                                             width: 100%;
                                             height: 54px;
                                             padding: 0 42px 0 14px;
                                             border: 0;
                                             appearance: none;
                                             background: transparent;
                                             color: #333;
                                             font-size: 17px;
                                         }
                                         
                                         .select-caret {
                                             position: absolute;
                                             right: 18px;
                                             top: 50%;
                                             width: 0;
                                             height: 0;
                                             border-left: 6px solid transparent;
                                             border-right: 6px solid transparent;
                                             border-top: 7px solid #8d8d8d;
                                             transform: translateY(-30%);
                                             pointer-events: none;
                                         }
                                         
                                         .field-box {
                                             padding: 0 14px;
                                             gap: 10px;
                                         }
                                         
                                         .field-input {
                                             width: 100%;
                                             border: 0;
                                             outline: 0;
                                             color: #333;
                                             font-size: 17px;
                                         }
                                         
                                         .field-input::placeholder {
                                             color: #7d7d7d;
                                         }
                                         
                                         .field-icon {
                                             position: relative;
                                             width: 20px;
                                             height: 20px;
                                             flex: 0 0 auto;
                                         }
                                         
                                         .phone-field-icon::before,
                                         .phone-field-icon::after,
                                         .code-field-icon::before,
                                         .code-field-icon::after,
                                         .captcha-field-icon::before,
                                         .captcha-field-icon::after,
                                         .key-field-icon::before,
                                         .key-field-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .phone-field-icon::before {
                                             inset: 0 2px;
                                             border: 3px solid #7d7d7d;
                                             border-radius: 4px;
                                         }
                                         
                                         .phone-field-icon::after {
                                             left: 7px;
                                             bottom: 2px;
                                             width: 4px;
                                             height: 4px;
                                             border-radius: 50%;
                                             background: #7d7d7d;
                                         }
                                         
                                         .key-field-icon::before {
                                             left: 0;
                                             top: 4px;
                                             width: 10px;
                                             height: 10px;
                                             border: 3px solid #7d7d7d;
                                             border-radius: 50%;
                                         }
                                         
                                         .key-field-icon::after {
                                             left: 11px;
                                             top: 9px;
                                             width: 11px;
                                             height: 4px;
                                             background: #7d7d7d;
                                             box-shadow: 5px 3px 0 -1px #7d7d7d;
                                         }
                                         
                                         .code-field-icon::before {
                                             inset: 2px;
                                             border-radius: 3px;
                                             background: #7d7d7d;
                                         }
                                         
                                         .code-field-icon::after {
                                             left: 5px;
                                             top: 8px;
                                             width: 10px;
                                             height: 4px;
                                             background: #fff;
                                             box-shadow: 4px 0 0 #fff, 8px 0 0 #fff;
                                         }
                                         
                                         .captcha-field-icon::before {
                                             left: 1px;
                                             top: 5px;
                                             width: 18px;
                                             height: 12px;
                                             border: 3px solid #7d7d7d;
                                             border-top: 0;
                                             border-radius: 3px;
                                         }
                                         
                                         .captcha-field-icon::after {
                                             left: 4px;
                                             top: 0;
                                             width: 10px;
                                             height: 9px;
                                             border: 3px solid #7d7d7d;
                                             border-bottom: 0;
                                             border-radius: 8px 8px 0 0;
                                         }
                                         
                                         .wallet-field-icon::before,
                                         .wallet-field-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .wallet-field-icon::before {
                                             left: 1px;
                                             top: 3px;
                                             width: 20px;
                                             height: 14px;
                                             border-radius: 3px;
                                             background: #7d7d7d;
                                         }
                                         
                                         .wallet-field-icon::after {
                                             left: 10px;
                                             top: 7px;
                                             width: 7px;
                                             height: 6px;
                                             border-radius: 2px;
                                             background: #fff;
                                             box-shadow: -8px 0 0 -2px rgba(255, 255, 255, 0.2);
                                         }
                                         
                                         .rupee-field-icon::before,
                                         .rupee-field-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .rupee-field-icon::before {
                                             left: 1px;
                                             top: 1px;
                                             width: 18px;
                                             height: 18px;
                                             border-radius: 50%;
                                             background: #7d7d7d;
                                         }
                                         
                                         .rupee-field-icon::after {
                                             left: 6px;
                                             top: 4px;
                                             content: "$";
                                             color: #fff;
                                             font-size: 18px;
                                             font-weight: 700;
                                         }
                                         
                                         .login-submit {
                                             display: block;
                                             width: min(100%, 266px);
                                             margin: 6px auto 38px;
                                             padding: 15px 20px;
                                             border: 0;
                                             background: linear-gradient(180deg, #1794da 0%, #118ccc 100%);
                                             color: #fff;
                                             font-size: 18px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
                                             cursor: pointer;
                                         }
                                         
                                         .login-actions {
                                             display: flex;
                                             justify-content: center;
                                             gap: 14px;
                                             flex-wrap: wrap;
                                         }
                                         
                                         .secondary-action {
                                             padding: 10px 18px;
                                             border: 1px solid #efefef;
                                             background: #fff;
                                             color: #333;
                                             font-size: 16px;
                                             font-weight: 500;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                             cursor: pointer;
                                         }
                                         
                                         .register-content {
                                             padding-bottom: 48px;
                                         }
                                         
                                         .reset-content {
                                             padding-bottom: 56px;
                                         }
                                         
                                         .mine-frame {
                                             min-height: 100vh;
                                             background: #f5f5f5;
                                         }
                                         
                                         .mine-download-strip {
                                             background: #ececec;
                                         }
                                         
                                         .mine-topbar {
                                             height: 72px;
                                             padding: 0 14px 0 12px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                             color: #fff;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .mine-topbar h1 {
                                             margin: 0;
                                             font-size: 24px;
                                             font-weight: 500;
                                         }
                                         
                                         .mine-topbar-actions {
                                             display: flex;
                                             align-items: center;
                                             gap: 14px;
                                         }
                                         
                                         .mine-balance {
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .mine-action {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                             border: 0;
                                             padding: 0;
                                             background: transparent;
                                             color: #fff;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-action::before,
                                         .mine-action::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .mine-action-card::before {
                                             left: 1px;
                                             top: 6px;
                                             width: 22px;
                                             height: 14px;
                                             border: 3px solid #fff;
                                             border-radius: 3px;
                                         }
                                         
                                         .mine-action-card::after {
                                             left: 4px;
                                             top: 11px;
                                             width: 16px;
                                             height: 3px;
                                             background: #fff;
                                         }
                                         
                                         .mine-action-bell::before {
                                             left: 6px;
                                             top: 4px;
                                             width: 16px;
                                             height: 16px;
                                             border: 3px solid #fff;
                                             border-bottom: 0;
                                             border-radius: 12px 12px 0 0;
                                         }
                                         
                                         .mine-action-bell::after {
                                             left: 6px;
                                             bottom: 5px;
                                             width: 16px;
                                             height: 3px;
                                             background: #fff;
                                             border-radius: 999px;
                                         }
                                         
                                         .mine-badge {
                                             position: absolute;
                                             top: -6px;
                                             right: -5px;
                                             min-width: 22px;
                                             height: 22px;
                                             display: grid;
                                             place-items: center;
                                             padding: 0 4px;
                                             border-radius: 999px;
                                             background: #ff5645;
                                             color: #fff;
                                             font-size: 14px;
                                             font-weight: 700;
                                         }
                                         
                                         .mine-action-headset::before {
                                             inset: 3px 5px 10px;
                                             border: 3px solid #fff;
                                             border-bottom: 0;
                                             border-radius: 14px 14px 0 0;
                                         }
                                         
                                         .mine-action-headset::after {
                                             inset: 13px 6px 1px;
                                             border-left: 3px solid #fff;
                                             border-right: 3px solid #fff;
                                             border-radius: 0 0 8px 8px;
                                         }
                                         
                                         .mine-content {
                                             padding: 12px 10px 18px;
                                         }
                                         
                                         .notice-modal {
                                             position: fixed;
                                             inset: 0;
                                             z-index: 40;
                                             display: grid;
                                             place-items: center;
                                             padding: 18px;
                                         }
                                         
                                         .notice-modal[hidden] {
                                             display: none;
                                         }
                                         
                                         .notice-backdrop {
                                             position: absolute;
                                             inset: 0;
                                             background: rgba(0, 0, 0, 0.38);
                                         }
                                         
                                         .notice-sheet {
                                             position: relative;
                                             z-index: 1;
                                             width: min(100%, 390px);
                                             background: #fff;
                                             box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
                                         }
                                         
                                         .notice-head {
                                             padding: 18px 20px 14px;
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .notice-head h2 {
                                             margin: 0;
                                             color: #1f2937;
                                             font-size: 22px;
                                             font-weight: 600;
                                         }
                                         
                                         .notice-body {
                                             padding: 18px 20px 10px;
                                         }
                                         
                                         .notice-body p {
                                             margin: 0 0 14px;
                                             color: #4b5563;
                                             font-size: 15px;
                                             line-height: 1.55;
                                         }
                                         
                                         .notice-foot {
                                             display: flex;
                                             justify-content: flex-end;
                                             padding: 8px 16px 16px;
                                         }
                                         
                                         .notice-close-button {
                                             min-width: 84px;
                                             min-height: 38px;
                                             border: 0;
                                             background: #1794da;
                                             color: #fff;
                                             font-size: 15px;
                                             font-weight: 600;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-profile-card,
                                         .mine-menu-card {
                                             background: #fff;
                                             border: 1px solid #e6e6e6;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .mine-profile-card {
                                             padding: 14px 18px 12px;
                                         }
                                         
                                         .mine-id,
                                         .mine-mobile,
                                         .mine-nick {
                                             margin: 0 0 12px;
                                             color: #222;
                                             font-size: 19px;
                                             font-weight: 500;
                                         }
                                         
                                         .mine-mobile,
                                         .mine-nick {
                                             font-size: 18px;
                                         }
                                         
                                         .mine-link-button {
                                             margin-left: 18px;
                                             border: 0;
                                             background: transparent;
                                             color: #1a95dd;
                                             font-size: 15px;
                                             font-weight: 500;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-quick-grid {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 8px;
                                             margin-top: 6px;
                                         }
                                         
                                         .mine-quick-item {
                                             border: 0;
                                             background: transparent;
                                             display: grid;
                                             justify-items: center;
                                             gap: 10px;
                                             color: #222;
                                             font-size: 17px;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-quick-link {
                                             text-decoration: none;
                                         }
                                         
                                         .quick-icon {
                                             position: relative;
                                             width: 54px;
                                             height: 54px;
                                             border-radius: 50%;
                                             background: linear-gradient(180deg, #1797de 0%, #1289cb 100%);
                                             box-shadow: 0 6px 12px rgba(18, 137, 203, 0.28);
                                         }
                                         
                                         .quick-icon::before,
                                         .quick-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .quick-icon-recharge::before {
                                             left: 14px;
                                             top: 16px;
                                             width: 24px;
                                             height: 14px;
                                             border: 3px solid #fff;
                                             border-radius: 3px;
                                         }
                                         
                                         .quick-icon-recharge::after {
                                             left: 18px;
                                             top: 26px;
                                             width: 12px;
                                             height: 3px;
                                             background: #fff;
                                             transform: rotate(45deg);
                                             box-shadow: 5px -5px 0 #fff;
                                         }
                                         
                                         .quick-icon-withdraw::before {
                                             left: 14px;
                                             top: 16px;
                                             width: 24px;
                                             height: 18px;
                                             border-radius: 3px;
                                             background: #fff;
                                         }
                                         
                                         .quick-icon-withdraw::after {
                                             left: 21px;
                                             top: 23px;
                                             width: 10px;
                                             height: 4px;
                                             background: #1797de;
                                             box-shadow: 0 -6px 0 #1797de, 6px 0 0 #1797de;
                                         }
                                         
                                         .quick-icon-transactions::before {
                                             left: 16px;
                                             top: 13px;
                                             width: 20px;
                                             height: 26px;
                                             border: 3px solid #fff;
                                             border-radius: 2px;
                                         }
                                         
                                         .quick-icon-transactions::after {
                                             left: 20px;
                                             top: 20px;
                                             width: 12px;
                                             height: 3px;
                                             background: #fff;
                                             box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
                                         }
                                         
                                         .quick-icon-bank::before {
                                             left: 14px;
                                             top: 16px;
                                             width: 24px;
                                             height: 16px;
                                             border: 3px solid #fff;
                                             border-radius: 2px;
                                         }
                                         
                                         .quick-icon-bank::after {
                                             left: 14px;
                                             top: 22px;
                                             width: 24px;
                                             height: 3px;
                                             background: #fff;
                                         }
                                         
                                         .mine-menu-card {
                                             margin-top: 12px;
                                         }
                                         
                                         .mine-menu-group {
                                             background: #fff;
                                         }
                                         
                                         .mine-menu-group.is-open {
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .mine-menu-row {
                                             position: relative;
                                             width: 100%;
                                             min-height: 64px;
                                             display: flex;
                                             align-items: center;
                                             gap: 16px;
                                             padding: 0 16px;
                                             border: 0;
                                             border-bottom: 1px solid #ececec;
                                             background: #fff;
                                             color: #222;
                                             font-size: 18px;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-menu-row:last-child {
                                             border-bottom: 0;
                                         }
                                         
                                         .mine-menu-group-security .mine-menu-row {
                                             min-height: 58px;
                                         }
                                         
                                         .mine-menu-group-about .mine-menu-row {
                                             min-height: 58px;
                                         }
                                         
                                         .mine-menu-row-static {
                                             cursor: default;
                                         }
                                         
                                         .mine-menu-arrow {
                                             position: absolute;
                                             right: 18px;
                                             top: 50%;
                                             width: 44px;
                                             height: 44px;
                                             margin-top: -22px;
                                             border: 0;
                                             background: transparent;
                                             cursor: pointer;
                                             z-index: 2;
                                         }
                                         
                                         .mine-menu-arrow::before {
                                             content: "";
                                             position: absolute;
                                             left: 50%;
                                             top: 50%;
                                             width: 10px;
                                             height: 10px;
                                             border-top: 3px solid #8c8c8c;
                                             border-right: 3px solid #8c8c8c;
                                             transform: translate(-50%, -35%) rotate(-45deg);
                                             transition: transform 0.18s ease;
                                         }
                                         
                                         .mine-menu-arrow[aria-expanded="false"]::before {
                                             transform: translate(-50%, -65%) rotate(135deg);
                                         }
                                         
                                         .mine-submenu-row {
                                             width: 100%;
                                             min-height: 56px;
                                             display: flex;
                                             align-items: center;
                                             padding: 0 18px 0 86px;
                                             border: 0;
                                             border-top: 1px solid #ececec;
                                             border-bottom: 1px solid #ececec;
                                             background: #fff;
                                             color: #222;
                                             font-size: 18px;
                                             font-weight: 500;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .mine-submenu-row[hidden] {
                                             display: none;
                                         }
                                         
                                         .menu-row-icon {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                             flex: 0 0 auto;
                                         }
                                         
                                         .menu-row-icon::before,
                                         .menu-row-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .menu-icon-gift::before {
                                             inset: 8px 2px 2px;
                                             border: 3px solid #818181;
                                             border-top: 0;
                                         }
                                         
                                         .menu-icon-gift::after {
                                             left: 2px;
                                             top: 3px;
                                             width: 24px;
                                             height: 10px;
                                             border: 3px solid #818181;
                                             border-radius: 2px;
                                             box-shadow: inset 9px 0 0 -6px #818181;
                                         }
                                         
                                         .menu-icon-security::before {
                                             left: 4px;
                                             top: 2px;
                                             width: 20px;
                                             height: 24px;
                                             background: #818181;
                                             clip-path: polygon(50% 0, 100% 16%, 100% 62%, 50% 100%, 0 62%, 0 16%);
                                         }
                                         
                                         .menu-icon-security-blue::before {
                                             background: #1d91d5;
                                         }
                                         
                                         .menu-icon-complaints::before {
                                             left: 3px;
                                             top: 4px;
                                             width: 22px;
                                             height: 16px;
                                             border-radius: 3px;
                                             background: #818181;
                                         }
                                         
                                         .menu-icon-complaints::after {
                                             left: 8px;
                                             bottom: 3px;
                                             width: 10px;
                                             height: 10px;
                                             background: #818181;
                                             clip-path: polygon(0 0, 100% 0, 0 100%);
                                         }
                                         
                                         .menu-icon-about::before {
                                             left: 5px;
                                             top: 2px;
                                             width: 18px;
                                             height: 24px;
                                             border-radius: 3px;
                                             background: #818181;
                                         }
                                         
                                         .menu-icon-about::after {
                                             left: 13px;
                                             top: 8px;
                                             width: 2px;
                                             height: 10px;
                                             background: #fff;
                                             box-shadow: 0 -5px 0 0 #fff;
                                         }
                                         
                                         .menu-icon-about-blue::before {
                                             background: #1d91d5;
                                         }
                                         
                                         .has-chevron::after {
                                             content: "";
                                             position: absolute;
                                             right: 18px;
                                             top: 50%;
                                             width: 10px;
                                             height: 10px;
                                             border-right: 3px solid #8c8c8c;
                                             border-bottom: 3px solid #8c8c8c;
                                             transform: translateY(-60%) rotate(45deg);
                                         }
                                         
                                         .logout-button {
                                             display: block;
                                             width: min(100%, 328px);
                                             min-height: 48px;
                                             margin: 38px auto 18px;
                                             border: 1px solid #ff6d5f;
                                             background: transparent;
                                             color: #ff5a49;
                                             font-size: 18px;
                                             font-weight: 500;
                                             text-transform: uppercase;
                                             cursor: pointer;
                                         }
                                         
                                         .bottom-nav-mine {
                                             background: #fff;
                                         }
                                         
                                         .recharge-frame {
                                             min-height: 100vh;
                                             background: #f7f7f7;
                                         }
                                         
                                         .recharge-frame .bottom-nav,
                                         .recharge-record-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .recharge-note {
                                             display: grid;
                                             grid-template-columns: 28px 1fr;
                                             gap: 10px;
                                             align-items: start;
                                             padding: 16px 14px;
                                             background: linear-gradient(180deg, #ff9908 0%, #f78b00 100%);
                                             color: #fff;
                                         }
                                         
                                         .recharge-record-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f5f5f5;
                                         }
                                         
                                         .recharge-record-list {
                                             background: #fff;
                                         }
                                         
                                         .recharge-record-item {
                                             display: grid;
                                             grid-template-columns: 48px minmax(0, 1fr) auto;
                                             gap: 14px;
                                             align-items: center;
                                             padding: 18px 18px 16px;
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .recharge-record-icon {
                                             position: relative;
                                             width: 44px;
                                             height: 44px;
                                             border-radius: 50%;
                                         }
                                         
                                         .recharge-record-item.success .recharge-record-icon {
                                             background: #4cb74c;
                                         }
                                         
                                         .recharge-record-item.wait .recharge-record-icon {
                                             background: #ff980c;
                                         }
                                         
                                         .recharge-record-icon::before,
                                         .recharge-record-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .recharge-record-icon::before {
                                             left: 13px;
                                             top: 10px;
                                             width: 16px;
                                             height: 20px;
                                             border: 3px solid #fff;
                                             border-radius: 2px;
                                         }
                                         
                                         .recharge-record-icon::after {
                                             left: 18px;
                                             top: 16px;
                                             width: 8px;
                                             height: 3px;
                                             background: #fff;
                                             box-shadow: 0 5px 0 #fff;
                                         }
                                         
                                         .recharge-record-copy,
                                         .recharge-record-title,
                                         .recharge-record-subtitle,
                                         .recharge-record-time {
                                             margin: 0;
                                         }
                                         
                                         .recharge-record-title {
                                             color: #333;
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .recharge-record-subtitle {
                                             margin-top: 4px;
                                             color: #7a7a7a;
                                             font-size: 14px;
                                             font-weight: 500;
                                         }
                                         
                                         .recharge-record-time {
                                             color: #8b8b8b;
                                             font-size: 14px;
                                             font-weight: 600;
                                             white-space: nowrap;
                                         }
                                         
                                         .withdrawal-topbar {
                                             height: 72px;
                                             padding: 0 14px;
                                             display: grid;
                                             grid-template-columns: 32px 1fr 32px;
                                             align-items: center;
                                             gap: 10px;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                             color: #fff;
                                         }
                                         
                                         .withdrawal-topbar h1 {
                                             margin: 0;
                                             font-size: 22px;
                                             font-weight: 600;
                                         }
                                         
                                         .withdrawal-menu-button {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                             border: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .withdrawal-menu-button span,
                                         .withdrawal-menu-button span::before,
                                         .withdrawal-menu-button span::after {
                                             position: absolute;
                                             left: 4px;
                                             width: 18px;
                                             height: 3px;
                                             background: #fff;
                                             content: "";
                                             border-radius: 999px;
                                         }
                                         
                                         .withdrawal-menu-button span {
                                             top: 12px;
                                         }
                                         
                                         .withdrawal-menu-button span::before {
                                             top: -6px;
                                             left: 0;
                                         }
                                         
                                         .withdrawal-menu-button span::after {
                                             top: 6px;
                                             left: 0;
                                         }
                                         
                                         .withdrawal-note {
                                             grid-template-columns: 22px 1fr;
                                             gap: 14px;
                                         }
                                         
                                         .withdrawal-card {
                                             padding-bottom: 16px;
                                         }
                                         
                                         .withdrawal-amount-field {
                                             margin-bottom: 6px;
                                         }
                                         
                                         .amount-caret {
                                             position: absolute;
                                             right: 18px;
                                             top: 50%;
                                             width: 0;
                                             height: 0;
                                             border-left: 5px solid transparent;
                                             border-right: 5px solid transparent;
                                             border-top: 6px solid #9a9a9a;
                                             transform: translateY(-20%);
                                         }
                                         
                                         .withdrawal-fee {
                                             margin: 0 0 22px;
                                             color: #7c7c7c;
                                             font-size: 14px;
                                         }
                                         
                                         .withdrawal-payout-block {
                                             border-top: 1px solid #e8e8e8;
                                             padding-top: 18px;
                                         }
                                         
                                         .payout-option {
                                             padding-top: 16px;
                                             padding-bottom: 16px;
                                         }
                                         
                                         .payout-option-card[aria-expanded="true"] .payout-chevron {
                                             transform: rotate(-135deg);
                                         }
                                         
                                         .payment-card-icon {
                                             position: relative;
                                             width: 24px;
                                             height: 18px;
                                             flex: 0 0 auto;
                                         }
                                         
                                         .payment-card-icon::before,
                                         .payment-card-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .payment-card-icon::before {
                                             inset: 0;
                                             border: 3px solid #7c7c7c;
                                             border-radius: 2px;
                                         }
                                         
                                         .payment-card-icon::after {
                                             left: 1px;
                                             right: 1px;
                                             top: 6px;
                                             height: 3px;
                                             background: #7c7c7c;
                                         }
                                         
                                         .payout-chevron {
                                             margin-left: auto;
                                             width: 10px;
                                             height: 10px;
                                             border-right: 3px solid #8c8c8c;
                                             border-bottom: 3px solid #8c8c8c;
                                             transform: rotate(45deg);
                                             transition: transform 0.18s ease;
                                         }
                                         
                                         .bank-card-dropdown {
                                             padding: 0 0 10px 56px;
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .bank-card-option {
                                             display: block;
                                             width: 100%;
                                             padding: 14px 0;
                                             border: 0;
                                             background: transparent;
                                             color: #222;
                                             font-size: 16px;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .bank-card-option-add {
                                             padding-bottom: 8px;
                                         }
                                         
                                         .withdrawal-password-row {
                                             display: flex;
                                             align-items: center;
                                             gap: 10px;
                                             min-height: 58px;
                                             border-bottom: 1px solid #bdbdbd;
                                         }
                                         
                                         .withdrawal-submit {
                                             margin-top: 40px;
                                             margin-bottom: 0;
                                         }
                                         
                                         .record-frame {
                                             min-height: 100vh;
                                             background: #f5f5f5;
                                         }
                                         
                                         .withdrawal-topbar-spacer {
                                             width: 28px;
                                             height: 28px;
                                         }
                                         
                                         .record-list {
                                             background: #fff;
                                         }
                                         
                                         .record-item {
                                             display: grid;
                                             grid-template-columns: 46px minmax(0, 1fr) auto;
                                             gap: 14px;
                                             align-items: start;
                                             padding: 18px 18px 16px;
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .record-status-icon {
                                             width: 44px;
                                             height: 44px;
                                             display: grid;
                                             place-items: center;
                                             border-radius: 50%;
                                             background: #4cb74c;
                                             color: #fff;
                                             font-size: 28px;
                                             font-weight: 700;
                                             line-height: 1;
                                         }
                                         
                                         .record-copy {
                                             min-width: 0;
                                         }
                                         
                                         .record-title,
                                         .record-subtitle,
                                         .record-time {
                                             margin: 0;
                                         }
                                         
                                         .record-title {
                                             color: #333;
                                             font-size: 20px;
                                             font-weight: 500;
                                         }
                                         
                                         .record-subtitle {
                                             margin-top: 6px;
                                             color: #7d7d7d;
                                             font-size: 14px;
                                         }
                                         
                                         .record-time {
                                             color: #888;
                                             font-size: 14px;
                                             font-weight: 500;
                                             white-space: nowrap;
                                             padding-top: 4px;
                                         }
                                         
                                         .transactions-list {
                                             background: #fff;
                                         }
                                         
                                         .promotion-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f4f4f4;
                                         }
                                         
                                         .promotion-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .promotion-menu-wrap {
                                             position: relative;
                                         }
                                         
                                         .promotion-menu {
                                             position: absolute;
                                             top: 40px;
                                             right: -10px;
                                             z-index: 6;
                                             min-width: 172px;
                                             padding: 6px 0;
                                             background: #fff;
                                             box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
                                         }
                                         
                                         .promotion-menu[hidden] {
                                             display: none;
                                         }
                                         
                                         .promotion-menu-item {
                                             display: block;
                                             width: 100%;
                                             min-height: 52px;
                                             padding: 0 18px;
                                             border: 0;
                                             background: transparent;
                                             color: #333;
                                             font-size: 16px;
                                             font-weight: 500;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-menu-item:hover {
                                             background: #f7fbff;
                                         }
                                         
                                         .redeem-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f7f7f7;
                                         }
                                         
                                         .redeem-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .redeem-content {
                                             flex: 1 1 auto;
                                             padding: 26px 24px 18px;
                                         }
                                         
                                         .redeem-card {
                                             min-height: 100%;
                                         }
                                         
                                         .redeem-field {
                                             margin-bottom: 8px;
                                         }
                                         
                                         .gift-field-icon::before,
                                         .gift-field-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .gift-field-icon::before {
                                             left: 1px;
                                             top: 8px;
                                             width: 18px;
                                             height: 10px;
                                             border: 3px solid #8a8a8a;
                                             border-top: 0;
                                             border-radius: 2px;
                                         }
                                         
                                         .gift-field-icon::after {
                                             left: 1px;
                                             top: 2px;
                                             width: 18px;
                                             height: 8px;
                                             border: 3px solid #8a8a8a;
                                             border-radius: 2px;
                                             box-shadow: inset 6px 0 0 -3px #8a8a8a;
                                         }
                                         
                                         .redeem-note {
                                             margin: 0 0 16px 14px;
                                             color: #767676;
                                             font-size: 14px;
                                         }
                                         
                                         .form-feedback.is-success {
                                             color: #178a29;
                                         }
                                         
                                         .redeem-submit {
                                             display: block;
                                             width: min(100%, 268px);
                                             min-height: 50px;
                                             margin: 0 auto;
                                             border: 0;
                                             background: linear-gradient(180deg, #1794da 0%, #118ccc 100%);
                                             color: #fff;
                                             font-size: 18px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
                                             cursor: pointer;
                                         }
                                         
                                         .complaints-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f4f4f4;
                                         }
                                         
                                         .complaints-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .complaints-topbar {
                                             height: 72px;
                                             padding: 0 14px;
                                             display: grid;
                                             grid-template-columns: 32px 1fr 32px;
                                             align-items: center;
                                             gap: 10px;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                             color: #fff;
                                         }
                                         
                                         .complaints-topbar h1 {
                                             margin: 0;
                                             font-size: 20px;
                                             font-weight: 600;
                                             white-space: nowrap;
                                             overflow: hidden;
                                             text-overflow: ellipsis;
                                         }
                                         
                                         .complaints-add-button {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                             border: 0;
                                             padding: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .complaints-add-button span,
                                         .complaints-add-button span::before {
                                             content: "";
                                             position: absolute;
                                             left: 5px;
                                             top: 12px;
                                             width: 18px;
                                             height: 3px;
                                             border-radius: 999px;
                                             background: #fff;
                                         }
                                         
                                         .complaints-add-button span::before {
                                             left: 0;
                                             top: 0;
                                             transform: rotate(90deg);
                                         }
                                         
                                         .complaints-tabs {
                                             display: grid;
                                             grid-template-columns: 1fr 1fr;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                             color: #fff;
                                         }
                                         
                                         .complaints-tab {
                                             min-height: 50px;
                                             border: 0;
                                             border-bottom: 4px solid transparent;
                                             background: transparent;
                                             color: rgba(255, 255, 255, 0.82);
                                             font-size: 15px;
                                             font-weight: 700;
                                             cursor: pointer;
                                         }
                                         
                                         .complaints-tab.is-active {
                                             color: #fff;
                                             border-bottom-color: #ffd62d;
                                         }
                                         
                                         .complaints-panel {
                                             background: #fff;
                                         }
                                         
                                         .complaints-panel-empty {
                                             display: flex;
                                             flex-direction: column;
                                         }
                                         
                                         .complaints-list {
                                             background: #fff;
                                         }
                                         
                                         .complaints-empty-box {
                                             min-height: 62px;
                                             display: grid;
                                             place-items: center;
                                             border-top: 1px solid #ececec;
                                             border-bottom: 1px solid #d8d8d8;
                                             background: #f5f5f5;
                                             color: #3d3d3d;
                                             font-size: 16px;
                                             font-weight: 600;
                                         }
                                         
                                         .complaints-pager {
                                             min-height: 64px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: flex-end;
                                             gap: 18px;
                                             padding: 0 20px;
                                             border-bottom: 1px solid #d8d8d8;
                                             background: #fff;
                                             color: #717171;
                                             font-size: 15px;
                                         }
                                         
                                         .complaints-pager-size {
                                             position: relative;
                                             min-width: 52px;
                                             padding: 0 16px 0 0;
                                             border: 0;
                                             border-bottom: 1px solid #b8b8b8;
                                             background: transparent;
                                             color: #333;
                                             font-size: 18px;
                                             cursor: pointer;
                                         }
                                         
                                         .complaints-pager-size::after {
                                             content: "";
                                             position: absolute;
                                             right: 2px;
                                             top: 50%;
                                             width: 0;
                                             height: 0;
                                             border-left: 5px solid transparent;
                                             border-right: 5px solid transparent;
                                             border-top: 6px solid #8b8b8b;
                                             transform: translateY(-10%);
                                         }
                                         
                                         .complaints-pager-dash {
                                             color: #8a8a8a;
                                             font-size: 20px;
                                         }
                                         
                                         .complaints-pager-arrow {
                                             position: relative;
                                             width: 26px;
                                             height: 26px;
                                             border: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .complaints-pager-arrow::before {
                                             content: "";
                                             position: absolute;
                                             left: 8px;
                                             top: 6px;
                                             width: 9px;
                                             height: 9px;
                                             border-left: 3px solid #b6b6b6;
                                             border-bottom: 3px solid #b6b6b6;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .complaints-pager-arrow.next::before {
                                             left: 6px;
                                             transform: rotate(225deg);
                                         }
                                         
                                         .complaint-item {
                                             display: grid;
                                             grid-template-columns: minmax(0, 1fr) auto;
                                             gap: 14px;
                                             padding: 10px 18px 8px;
                                             border-top: 1px solid #ececec;
                                             cursor: pointer;
                                         }
                                         
                                         .complaint-copy,
                                         .complaint-title,
                                         .complaint-meta,
                                         .complaint-id,
                                         .complaint-time {
                                             margin: 0;
                                         }
                                         
                                         .complaint-title {
                                             color: #2d2d2d;
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .complaint-meta {
                                             margin-top: 4px;
                                             color: #333;
                                             font-size: 16px;
                                             font-weight: 600;
                                         }
                                         
                                         .complaint-id {
                                             margin-top: 4px;
                                             color: #8a8a8a;
                                             font-size: 16px;
                                             line-height: 1.2;
                                         }
                                         
                                         .complaint-side {
                                             min-width: 124px;
                                             display: flex;
                                             flex-direction: column;
                                             align-items: flex-end;
                                             gap: 18px;
                                         }
                                         
                                         .complaint-time {
                                             color: #9a9a9a;
                                             font-size: 14px;
                                             font-weight: 600;
                                             white-space: nowrap;
                                         }
                                         
                                         .complaint-status-check {
                                             position: relative;
                                             width: 22px;
                                             height: 22px;
                                             border-radius: 4px;
                                             background: #1491d6;
                                         }
                                         
                                         .complaint-status-check::before {
                                             content: "";
                                             position: absolute;
                                             left: 6px;
                                             top: 3px;
                                             width: 8px;
                                             height: 12px;
                                             border-right: 3px solid #fff;
                                             border-bottom: 3px solid #fff;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .complaint-modal {
                                             position: fixed;
                                             inset: 0;
                                             z-index: 40;
                                             display: grid;
                                             place-items: center;
                                             padding: 18px;
                                         }
                                         
                                         .complaint-modal[hidden] {
                                             display: none;
                                         }
                                         
                                         .complaint-modal-backdrop {
                                             position: absolute;
                                             inset: 0;
                                             background: rgba(0, 0, 0, 0.42);
                                         }
                                         
                                         .complaint-modal-sheet {
                                             position: relative;
                                             z-index: 1;
                                             width: min(100%, 442px);
                                             max-height: min(86vh, 690px);
                                             display: flex;
                                             flex-direction: column;
                                             background: #fff;
                                             box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
                                         }
                                         
                                         .complaint-modal-head {
                                             padding: 20px 20px 18px;
                                             background: #f4f4f4;
                                         }
                                         
                                         .complaint-modal-head h2 {
                                             margin: 0;
                                             color: #1e1e1e;
                                             font-size: 22px;
                                             font-weight: 500;
                                         }
                                         
                                         .complaint-modal-body {
                                             overflow-y: auto;
                                             padding: 18px 26px 10px;
                                         }
                                         
                                         .complaint-detail-field {
                                             display: block;
                                             margin-bottom: 24px;
                                         }
                                         
                                         .complaint-detail-field span {
                                             display: block;
                                             margin-bottom: 6px;
                                             color: #8a8a8a;
                                             font-size: 13px;
                                             font-weight: 600;
                                         }
                                         
                                         .complaint-detail-field input,
                                         .complaint-detail-field textarea {
                                             width: 100%;
                                             border: 0;
                                             border-bottom: 1px solid #bfbfbf;
                                             padding: 0 0 10px;
                                             background: transparent;
                                             color: #2a2a2a;
                                             font-size: 18px;
                                             font-weight: 500;
                                             outline: 0;
                                             resize: vertical;
                                         }
                                         
                                         .complaint-detail-area textarea {
                                             min-height: 92px;
                                             line-height: 1.35;
                                         }
                                         
                                         .complaint-modal-foot {
                                             display: flex;
                                             justify-content: flex-end;
                                             padding: 10px 18px 18px;
                                         }
                                         
                                         .complaint-close-button {
                                             border: 0;
                                             background: transparent;
                                             color: #5c5c5c;
                                             font-size: 16px;
                                             font-weight: 500;
                                             cursor: pointer;
                                         }
                                         
                                         .info-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f4f4f4;
                                         }
                                         
                                         .info-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .info-content {
                                             flex: 1 1 auto;
                                             padding: 10px;
                                         }
                                         
                                         .info-card {
                                             padding: 22px 20px;
                                             background: #fff;
                                             border: 1px solid #e8e8e8;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
                                         }
                                         
                                         .info-card h2 {
                                             margin: 0 0 10px;
                                             color: #1f2937;
                                             font-size: 20px;
                                         }
                                         
                                         .info-card h2+p {
                                             margin-top: 0;
                                         }
                                         
                                         .info-card p {
                                             margin: 0 0 18px;
                                             color: #4b5563;
                                             font-size: 15px;
                                             line-height: 1.6;
                                         }
                                         
                                         .support-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f4f4f4;
                                         }
                                         
                                         .support-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .support-content {
                                             flex: 1 1 auto;
                                             display: grid;
                                             gap: 12px;
                                             padding: 10px;
                                         }
                                         
                                         .support-card {
                                             padding: 18px;
                                             background: #fff;
                                             border: 1px solid #e8e8e8;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
                                         }
                                         
                                         .support-card-primary {
                                             color: #fff;
                                             background: linear-gradient(135deg, #1491d6 0%, #0d76b0 100%);
                                         }
                                         
                                         .support-eyebrow {
                                             margin: 0 0 6px;
                                             font-size: 12px;
                                             font-weight: 700;
                                             letter-spacing: 0.08em;
                                             text-transform: uppercase;
                                         }
                                         
                                         .support-card h2,
                                         .support-card h3,
                                         .support-card p {
                                             margin: 0;
                                         }
                                         
                                         .support-card h2 {
                                             font-size: 24px;
                                         }
                                         
                                         .support-card h3 {
                                             color: #1f2937;
                                             font-size: 20px;
                                             margin-bottom: 8px;
                                         }
                                         
                                         .support-card p {
                                             color: inherit;
                                             font-size: 15px;
                                             line-height: 1.55;
                                         }
                                         
                                         .support-card:not(.support-card-primary) p {
                                             color: #4b5563;
                                         }
                                         
                                         .add-complaint-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f4f4f4;
                                         }
                                         
                                         .add-complaint-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .add-complaint-back {
                                             width: 36px;
                                             height: 36px;
                                             border-radius: 50%;
                                             background: rgba(255, 255, 255, 0.12);
                                         }
                                         
                                         .add-complaint-content {
                                             flex: 1 1 auto;
                                             padding: 8px;
                                         }
                                         
                                         .add-complaint-card {
                                             padding: 26px 30px 32px;
                                             background: #fff;
                                             border: 1px solid #e5e5e5;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .add-complaint-field {
                                             display: block;
                                             width: 100%;
                                             margin-bottom: 34px;
                                         }
                                         
                                         .add-complaint-field input,
                                         .add-complaint-field select,
                                         .add-complaint-field textarea {
                                             width: 100%;
                                             border: 0;
                                             border-bottom: 1px solid #bdbdbd;
                                             padding: 0 0 12px;
                                             background: transparent;
                                             color: #222;
                                             font-size: 18px;
                                             font-weight: 500;
                                             outline: 0;
                                         }
                                         
                                         .add-complaint-field input::placeholder,
                                         .add-complaint-field textarea::placeholder,
                                         .add-complaint-field select {
                                             color: #8a8a8a;
                                         }
                                         
                                         .add-complaint-select {
                                             position: relative;
                                         }
                                         
                                         .add-complaint-select::after {
                                             content: "";
                                             position: absolute;
                                             right: 6px;
                                             top: 10px;
                                             width: 0;
                                             height: 0;
                                             border-left: 6px solid transparent;
                                             border-right: 6px solid transparent;
                                             border-top: 7px solid #8b8b8b;
                                             pointer-events: none;
                                         }
                                         
                                         .add-complaint-select select {
                                             appearance: none;
                                         }
                                         
                                         .add-complaint-area textarea {
                                             min-height: 88px;
                                             resize: vertical;
                                         }
                                         
                                         .add-complaint-service {
                                             margin: 0 0 28px;
                                             color: #333;
                                             font-size: 15px;
                                             font-weight: 500;
                                         }
                                         
                                         .add-complaint-submit {
                                             display: block;
                                             width: min(100%, 460px);
                                             min-height: 50px;
                                             margin: 0 auto;
                                             border: 0;
                                             background: linear-gradient(180deg, #1794da 0%, #118ccc 100%);
                                             color: #fff;
                                             font-size: 18px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-content {
                                             padding: 8px;
                                         }
                                         
                                         .promotion-bonus-card,
                                         .promotion-form-card,
                                         .promotion-stats-grid,
                                         .promotion-level-tabs {
                                             background: #fff;
                                         }
                                         
                                         .promotion-bonus-card {
                                             padding: 42px 20px 32px;
                                             border: 1px solid #e7e7e7;
                                             border-bottom: 0;
                                             text-align: center;
                                         }
                                         
                                         .promotion-bonus-text {
                                             margin: 0;
                                             color: #2c2c2c;
                                             font-size: 28px;
                                             font-weight: 400;
                                         }
                                         
                                         .promotion-balance-button {
                                             min-width: 150px;
                                             min-height: 42px;
                                             margin-top: 22px;
                                             border: 0;
                                             background: linear-gradient(180deg, #1794da 0%, #118ccc 100%);
                                             color: #fff;
                                             font-size: 15px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-level-tabs {
                                             display: grid;
                                             grid-template-columns: 1fr 1fr;
                                             border: 1px solid #e7e7e7;
                                             border-top: 0;
                                         }
                                         
                                         .promotion-level-tab {
                                             min-height: 50px;
                                             border: 0;
                                             border-bottom: 2px solid transparent;
                                             background: #fff;
                                             color: #696969;
                                             font-size: 16px;
                                             font-weight: 500;
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-level-tab.is-active {
                                             color: #2f2f2f;
                                             border-bottom-color: #1794da;
                                         }
                                         
                                         .promotion-stats-grid {
                                             display: grid;
                                             grid-template-columns: 1fr 1fr;
                                             gap: 10px;
                                             padding: 22px 18px 28px;
                                             border-left: 1px solid #e7e7e7;
                                             border-right: 1px solid #e7e7e7;
                                         }
                                         
                                         .promotion-stat-block {
                                             text-align: center;
                                         }
                                         
                                         .promotion-stat-label,
                                         .promotion-stat-value {
                                             margin: 0;
                                         }
                                         
                                         .promotion-stat-label {
                                             color: #404040;
                                             font-size: 16px;
                                             font-weight: 600;
                                         }
                                         
                                         .promotion-stat-value {
                                             margin-top: 6px;
                                             color: #2d2d2d;
                                             font-size: 24px;
                                             font-weight: 500;
                                         }
                                         
                                         .promotion-rule-note {
                                             grid-column: 1 / -1;
                                             margin: 2px 0 0;
                                             color: #6b6b6b;
                                             font-size: 13px;
                                             line-height: 1.5;
                                             text-align: center;
                                         }
                                         
                                         .admin-console-page {
                                             min-height: 100vh;
                                             padding: 24px;
                                             background: linear-gradient(180deg, #eef3fb 0%, #dfe8f4 100%);
                                         }
                                         
                                         .admin-console {
                                             min-height: calc(100vh - 48px);
                                         }
                                         
                                         .admin-login-stage {
                                             min-height: calc(100vh - 48px);
                                             display: grid;
                                             grid-template-columns: minmax(0, 1.1fr) minmax(360px, 460px);
                                             gap: 32px;
                                             align-items: center;
                                         }
                                         
                                         .admin-login-intro,
                                         .admin-login-card,
                                         .admin-sidebar,
                                         .admin-main-header,
                                         .admin-summary-card,
                                         .admin-panel-card {
                                             border: 1px solid rgba(21, 49, 79, 0.08);
                                             box-shadow: 0 20px 45px rgba(17, 39, 64, 0.08);
                                         }
                                         
                                         .admin-login-intro {
                                             position: relative;
                                             padding: 48px;
                                             border-radius: 32px;
                                             overflow: hidden;
                                             background: linear-gradient(135deg, #0f1f3d 0%, #153b73 45%, #2563eb 100%);
                                             color: #fff;
                                         }
                                         
                                         .admin-login-intro::before,
                                         .admin-login-intro::after {
                                             content: "";
                                             position: absolute;
                                             border-radius: 999px;
                                             background: rgba(255, 255, 255, 0.09);
                                         }
                                         
                                         .admin-login-intro::before {
                                             width: 220px;
                                             height: 220px;
                                             top: -70px;
                                             right: -60px;
                                         }
                                         
                                         .admin-login-intro::after {
                                             width: 160px;
                                             height: 160px;
                                             bottom: -50px;
                                             left: -40px;
                                         }
                                         
                                         .admin-login-kicker,
                                         .admin-card-kicker,
                                         .admin-main-kicker {
                                             margin: 0;
                                             text-transform: uppercase;
                                             letter-spacing: 0.12em;
                                             font-size: 12px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-login-intro h1,
                                         .admin-login-card h2,
                                         .admin-sidebar-brand h2,
                                         .admin-main-heading h1,
                                         .admin-panel-card-head h2,
                                         .admin-section-title {
                                             margin: 0;
                                             color: #112743;
                                         }
                                         
                                         .admin-login-intro h1 {
                                             margin-top: 18px;
                                             color: #fff;
                                             font-size: clamp(36px, 5vw, 64px);
                                             line-height: 1.02;
                                         }
                                         
                                         .admin-login-intro p:not(.admin-login-kicker) {
                                             position: relative;
                                             z-index: 1;
                                             max-width: 540px;
                                             margin: 18px 0 0;
                                             color: rgba(255, 255, 255, 0.82);
                                             font-size: 16px;
                                             line-height: 1.7;
                                         }
                                         
                                         .admin-login-back {
                                             margin-top: 28px;
                                             background: rgba(255, 255, 255, 0.14);
                                             color: #fff;
                                         }
                                         
                                         .admin-login-card {
                                             padding: 34px;
                                             border-radius: 28px;
                                             background: rgba(255, 255, 255, 0.96);
                                             gap: 14px;
                                         }
                                         
                                         .admin-login-card-head p:not(.admin-card-kicker) {
                                             margin: 10px 0 0;
                                             color: #68809b;
                                             font-size: 14px;
                                             line-height: 1.6;
                                         }
                                         
                                         .admin-global-feedback,
                                         .admin-dashboard-feedback {
                                             margin: 0;
                                         }
                                         
                                         .admin-auth-actions {
                                             display: flex;
                                             gap: 12px;
                                             flex-wrap: wrap;
                                         }
                                         
                                         .admin-console-layout {
                                             min-height: calc(100vh - 48px);
                                             display: grid;
                                             grid-template-columns: 280px minmax(0, 1fr);
                                             gap: 22px;
                                         }
                                         
                                         .admin-sidebar {
                                             display: grid;
                                             align-content: start;
                                             gap: 18px;
                                             padding: 26px 20px;
                                             border-radius: 28px;
                                             background: linear-gradient(180deg, #132743 0%, #17324f 100%);
                                             color: rgba(255, 255, 255, 0.88);
                                         }
                                         
                                         .admin-sidebar-brand h2 {
                                             margin-top: 10px;
                                             color: #fff;
                                             font-size: 28px;
                                         }
                                         
                                         .admin-sidebar-brand p:not(.admin-card-kicker) {
                                             margin: 10px 0 0;
                                             color: rgba(255, 255, 255, 0.7);
                                             font-size: 14px;
                                             line-height: 1.6;
                                         }
                                         
                                         .admin-session-line {
                                             margin: 0;
                                             padding: 12px 14px;
                                             border-radius: 16px;
                                             background: rgba(255, 255, 255, 0.08);
                                             color: #fff;
                                             font-size: 13px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-panel-tabs {
                                             display: grid;
                                             gap: 10px;
                                         }
                                         
                                         .admin-side-nav .promotion-level-tab {
                                             justify-content: flex-start;
                                             min-height: 50px;
                                             padding: 0 18px;
                                             border: 1px solid rgba(255, 255, 255, 0.1);
                                             border-radius: 16px;
                                             background: transparent;
                                             color: rgba(255, 255, 255, 0.84);
                                             font-size: 15px;
                                             font-weight: 700;
                                             transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
                                         }
                                         
                                         .admin-side-nav .promotion-level-tab.is-active {
                                             background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
                                             border-color: transparent;
                                             color: #fff;
                                             box-shadow: 0 14px 26px rgba(37, 99, 235, 0.34);
                                             transform: translateX(4px);
                                         }
                                         
                                         .admin-sidebar-note {
                                             padding-top: 10px;
                                             border-top: 1px solid rgba(255, 255, 255, 0.12);
                                         }
                                         
                                         .admin-sidebar-note p {
                                             margin: 0;
                                             color: rgba(255, 255, 255, 0.7);
                                             font-size: 13px;
                                             line-height: 1.7;
                                         }
                                         
                                         .admin-main {
                                             min-width: 0;
                                             display: grid;
                                             grid-template-rows: auto auto 1fr;
                                             gap: 18px;
                                         }
                                         
                                         .admin-main-header {
                                             display: flex;
                                             align-items: flex-start;
                                             justify-content: space-between;
                                             gap: 18px;
                                             padding: 24px 28px;
                                             border-radius: 28px;
                                             background: rgba(255, 255, 255, 0.92);
                                         }
                                         
                                         .admin-main-heading h1 {
                                             margin-top: 8px;
                                             font-size: clamp(28px, 4vw, 40px);
                                             line-height: 1.05;
                                         }
                                         
                                         .admin-main-heading p:not(.admin-main-kicker) {
                                             max-width: 620px;
                                             margin: 10px 0 0;
                                             color: #6b7e94;
                                             font-size: 14px;
                                             line-height: 1.6;
                                         }
                                         
                                         .admin-main-actions {
                                             display: flex;
                                             gap: 10px;
                                             flex-wrap: wrap;
                                             justify-content: flex-end;
                                         }
                                         
                                         .admin-secondary-button {
                                             background: #eef4ff;
                                             color: #183e73;
                                         }
                                         
                                         .admin-danger-button {
                                             background: #fff1f1;
                                             color: #d13a3a;
                                         }
                                         
                                         .admin-dashboard-feedback {
                                             padding: 0 6px;
                                         }
                                         
                                         .admin-panel-body {
                                             display: grid;
                                             gap: 18px;
                                         }
                                         
                                         .admin-summary-grid {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 16px;
                                         }
                                         
                                         .admin-summary-card,
                                         .admin-panel-card {
                                             background: rgba(255, 255, 255, 0.95);
                                             border-radius: 24px;
                                         }
                                         
                                         .admin-summary-card {
                                             padding: 22px;
                                         }
                                         
                                         .admin-summary-label,
                                         .admin-summary-value,
                                         .admin-panel-card-head h2,
                                         .admin-panel-card-copy,
                                         .admin-list-title,
                                         .admin-list-meta,
                                         .admin-list-time,
                                         .admin-list-amount,
                                         .admin-list-subamount {
                                             margin: 0;
                                         }
                                         
                                         .admin-summary-label {
                                             color: #6f8095;
                                             font-size: 13px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             letter-spacing: 0.04em;
                                         }
                                         
                                         .admin-summary-value {
                                             margin-top: 12px;
                                             color: #112743;
                                             font-size: 30px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-overview-grid {
                                             display: grid;
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                             gap: 18px;
                                         }
                                         
                                         .admin-bet-status-shell {
                                             display: grid;
                                             gap: 18px;
                                         }
                                         
                                         .admin-bet-status-summary {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 16px;
                                         }
                                         
                                         .admin-bet-status-grid {
                                             display: grid;
                                             grid-template-columns: repeat(3, minmax(0, 1fr));
                                             gap: 18px;
                                         }
                                         
                                         .admin-bet-history-shell {
                                             margin-top: 18px;
                                             padding-top: 18px;
                                             border-top: 1px solid #e8eff6;
                                         }
                                         
                                         .admin-bet-history-head {
                                             margin-bottom: 14px;
                                         }
                                         
                                         .admin-bet-history-grid {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 14px;
                                         }
                                         
                                         .admin-bet-history-card {
                                             padding: 16px;
                                             border-radius: 18px;
                                             border: 1px solid #e5edf5;
                                             background: #fbfdff;
                                         }
                                         
                                         .admin-bet-history-card.black {
                                             border-color: #f0ddb5;
                                         }
                                         
                                         .admin-bet-history-card.red {
                                             border-color: #cddaf7;
                                         }
                                         
                                         .admin-bet-history-card-head,
                                         .admin-bet-history-stats {
                                             display: flex;
                                             align-items: flex-start;
                                             justify-content: space-between;
                                             gap: 12px;
                                         }
                                         
                                         .admin-bet-history-period,
                                         .admin-bet-history-time,
                                         .admin-bet-history-types p,
                                         .admin-bet-history-stat span,
                                         .admin-bet-history-stat strong {
                                             margin: 0;
                                         }
                                         
                                         .admin-bet-history-period {
                                             color: #17324d;
                                             font-size: 15px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-bet-history-time,
                                         .admin-bet-history-types p,
                                         .admin-bet-history-stat span {
                                             color: #708396;
                                             font-size: 12px;
                                             line-height: 1.55;
                                         }
                                         
                                         .admin-bet-history-stats,
                                         .admin-bet-history-types {
                                             margin-top: 14px;
                                         }
                                         
                                         .admin-bet-history-stat {
                                             display: grid;
                                             gap: 4px;
                                         }
                                         
                                         .admin-bet-history-stat strong {
                                             color: #16324a;
                                             font-size: 16px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-bet-history-types {
                                             padding-top: 12px;
                                             border-top: 1px solid #edf2f7;
                                             display: grid;
                                             gap: 6px;
                                         }
                                         
                                         .admin-bet-status-card {
                                             border: 1px solid #e5edf6;
                                         }
                                         
                                         .admin-bet-status-card.black {
                                             background: linear-gradient(180deg, #f8fafc 0%, #eff3f7 100%);
                                         }
                                         
                                         .admin-bet-status-card.red {
                                             background: linear-gradient(180deg, #fff6f6 0%, #ffe9e9 100%);
                                         }
                                         
                                         .admin-bet-status-card.lucky {
                                             background: linear-gradient(180deg, #fff9ef 0%, #fff0d8 100%);
                                         }
                                         
                                         .admin-bet-status-metric,
                                         .admin-bet-status-period,
                                         .admin-bet-status-phase {
                                             color: #112743;
                                             font-size: 28px;
                                             font-weight: 800;
                                             line-height: 1.1;
                                         }
                                         
                                         .admin-bet-status-payout-box {
                                             margin-top: 14px;
                                             padding: 12px 14px;
                                             border: 1px solid #dbe6f1;
                                             border-radius: 14px;
                                             background: rgba(255, 255, 255, 0.72);
                                         }
                                         
                                         .admin-bet-status-payout-box span,
                                         .admin-bet-status-payout-box strong {
                                             display: block;
                                             margin: 0;
                                         }
                                         
                                         .admin-bet-status-payout-box span {
                                             color: #73879b;
                                             font-size: 11px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             letter-spacing: 0.04em;
                                         }
                                         
                                         .admin-bet-status-payout-box strong {
                                             margin-top: 6px;
                                             color: #16324a;
                                             font-size: 18px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-panel-card {
                                             padding: 22px;
                                         }
                                         
                                         .admin-panel-card-wide {
                                             grid-column: 1 / -1;
                                         }
                                         
                                         .admin-panel-card-head {
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             gap: 12px;
                                             margin-bottom: 14px;
                                         }
                                         
                                         .admin-panel-card-head h2 {
                                             font-size: 20px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-panel-card-copy {
                                             margin-top: 6px;
                                             color: #6f8095;
                                             font-size: 13px;
                                             line-height: 1.6;
                                         }
                                         
                                         .admin-search-head {
                                             align-items: flex-start;
                                             flex-direction: column;
                                         }
                                         
                                         .admin-inline-form,
                                         .admin-chip-group {
                                             display: flex;
                                             gap: 10px;
                                             width: 100%;
                                         }
                                         
                                         .admin-inline-form-wrap {
                                             flex-wrap: wrap;
                                         }
                                         
                                         .admin-inline-input {
                                             min-width: 0;
                                             flex: 1 1 220px;
                                             background: #f8fbff;
                                         }
                                         
                                         .admin-inline-select,
                                         .admin-inline-date {
                                             min-height: 44px;
                                             border: 1px solid #d8e4f0;
                                             border-radius: 14px;
                                             background: #f8fbff;
                                             color: #14314c;
                                             font: inherit;
                                             padding: 0 14px;
                                         }
                                         
                                         .admin-inline-button {
                                             min-width: 102px;
                                         }
                                         
                                         .admin-chip {
                                             min-height: 40px;
                                             padding: 0 14px;
                                             border: 1px solid #d6e2ef;
                                             border-radius: 999px;
                                             background: #f7fbff;
                                             color: #50657e;
                                             font-size: 13px;
                                             font-weight: 700;
                                             cursor: pointer;
                                         }
                                         
                                         .admin-chip.is-active {
                                             border-color: transparent;
                                             background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
                                             color: #fff;
                                             box-shadow: 0 12px 22px rgba(37, 99, 235, 0.26);
                                         }
                                         
                                         .admin-list-item {
                                             display: grid;
                                             grid-template-columns: minmax(0, 1fr) auto;
                                             gap: 14px;
                                             align-items: center;
                                             padding: 16px 0;
                                         }
                                         
                                         .admin-list-item+.admin-list-item {
                                             border-top: 1px solid #e9eff6;
                                         }
                                         
                                         .admin-list-copy {
                                             min-width: 0;
                                         }
                                         
                                         .admin-list-title {
                                             color: #17324d;
                                             font-size: 15px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-list-title span {
                                             color: #6c8197;
                                             font-size: 12px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-list-meta,
                                         .admin-list-time,
                                         .admin-list-subamount {
                                             margin-top: 4px;
                                             color: #74879a;
                                             font-size: 12px;
                                             line-height: 1.5;
                                         }
                                         
                                         .admin-list-side {
                                             text-align: right;
                                         }
                                         
                                         .admin-list-side-text {
                                             max-width: 220px;
                                             color: #4c6076;
                                             font-size: 12px;
                                             line-height: 1.5;
                                             text-align: right;
                                         }
                                         
                                         .admin-list-amount {
                                             color: #112743;
                                             font-size: 16px;
                                             font-weight: 800;
                                         }
                                         
                                         .status-success {
                                             color: #1b9f45;
                                         }
                                         
                                         .status-wait {
                                             color: #d78209;
                                         }
                                         
                                         .admin-empty-box {
                                             margin: 0;
                                         }
                                         
                                         .admin-user-card {
                                             padding: 18px;
                                             border: 1px solid #e4edf6;
                                             border-radius: 20px;
                                             background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
                                             box-shadow: 0 10px 24px rgba(17, 39, 67, 0.06);
                                         }
                                         
                                         .admin-user-card+.admin-user-card {
                                             margin-top: 14px;
                                         }
                                         
                                         .admin-user-card.status-active {
                                             border-color: #cfe9da;
                                         }
                                         
                                         .admin-user-card.status-inactive {
                                             border-color: #e4e9ef;
                                         }
                                         
                                         .admin-user-card-head,
                                         .admin-user-card-footer {
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             gap: 12px;
                                         }
                                         
                                         .admin-user-card-title,
                                         .admin-user-card-subtitle,
                                         .admin-user-detail-label,
                                         .admin-user-detail strong,
                                         .admin-user-detail small {
                                             margin: 0;
                                         }
                                         
                                         .admin-user-card-title {
                                             color: #17324d;
                                             font-size: 20px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-user-card-subtitle {
                                             margin-top: 4px;
                                             color: #728397;
                                             font-size: 13px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-user-status-chip {
                                             display: inline-flex;
                                             align-items: center;
                                             justify-content: center;
                                             min-height: 34px;
                                             padding: 0 12px;
                                             border-radius: 999px;
                                             font-size: 12px;
                                             font-weight: 800;
                                             letter-spacing: 0.04em;
                                         }
                                         
                                         .admin-user-status-chip.active {
                                             background: #e7f7ee;
                                             color: #1b9f45;
                                         }
                                         
                                         .admin-user-status-chip.pending,
                                         .admin-user-status-chip.black {
                                             background: #fff3dc;
                                             color: #b36a00;
                                         }
                                         
                                         .admin-user-status-chip.in-progress,
                                         .admin-user-status-chip.red {
                                             background: #e9f1ff;
                                             color: #2459c5;
                                         }
                                         
                                         .admin-user-status-chip.resolved {
                                             background: #e7f7ee;
                                             color: #1b9f45;
                                         }
                                         
                                         .admin-user-status-chip.closed {
                                             background: #eceff4;
                                             color: #556679;
                                         }
                                         
                                         .admin-user-status-chip.inactive {
                                             background: #eef2f7;
                                             color: #617486;
                                         }
                                         
                                         .admin-editor-shell,
                                         .admin-notice-layout {
                                             display: grid;
                                             gap: 16px;
                                             grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
                                             margin-bottom: 18px;
                                         }
                                         
                                         .admin-editor-card {
                                             padding: 20px;
                                             border: 1px solid #e4edf6;
                                             border-radius: 22px;
                                             background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
                                         }
                                         
                                         .admin-editor-card h3,
                                         .admin-editor-card p {
                                             margin: 0;
                                         }
                                         
                                         .admin-editor-card h3 {
                                             color: #16324a;
                                             font-size: 22px;
                                             font-weight: 800;
                                             margin-top: 6px;
                                         }
                                         
                                         .admin-editor-card p+p,
                                         .admin-editor-card h3+p {
                                             margin-top: 10px;
                                             color: #5f7388;
                                             line-height: 1.65;
                                         }
                                         
                                         .admin-editor-card-accent {
                                             background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 48%), linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
                                         }
                                         
                                         .admin-editor-points {
                                             margin: 16px 0 0;
                                             padding-left: 18px;
                                             color: #29435d;
                                             display: grid;
                                             gap: 8px;
                                         }
                                         
                                         .admin-status-legend,
                                         .admin-complaint-summary-grid {
                                             display: grid;
                                             gap: 12px;
                                             margin-top: 16px;
                                         }
                                         
                                         .admin-status-legend {
                                             grid-template-columns: repeat(2, minmax(0, max-content));
                                             align-items: center;
                                         }
                                         
                                         .admin-complaint-summary-grid {
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                         }
                                         
                                         .admin-complaint-summary-card {
                                             padding: 14px 16px;
                                             border-radius: 16px;
                                             border: 1px solid #e6edf5;
                                             background: #fff;
                                         }
                                         
                                         .admin-complaint-summary-card.pending {
                                             border-color: #f0ddb5;
                                         }
                                         
                                         .admin-complaint-summary-card.in-progress {
                                             border-color: #cddaf7;
                                         }
                                         
                                         .admin-complaint-summary-card.resolved {
                                             border-color: #cde7d6;
                                         }
                                         
                                         .admin-complaint-summary-card.closed {
                                             border-color: #d8e0e8;
                                         }
                                         
                                         .admin-user-card-grid {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 14px;
                                             margin-top: 18px;
                                         }
                                         
                                         .admin-user-detail {
                                             padding: 14px;
                                             border-radius: 16px;
                                             background: #f8fbff;
                                             border: 1px solid #e1ebf4;
                                         }
                                         
                                         .admin-user-detail-label {
                                             display: block;
                                             color: #73869a;
                                             font-size: 11px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             letter-spacing: 0.05em;
                                         }
                                         
                                         .admin-user-detail strong {
                                             display: block;
                                             margin-top: 8px;
                                             color: #112743;
                                             font-size: 16px;
                                             font-weight: 800;
                                             line-height: 1.4;
                                         }
                                         
                                         .admin-user-detail small {
                                             display: block;
                                             margin-top: 4px;
                                             color: #788a9b;
                                             font-size: 11px;
                                             line-height: 1.4;
                                         }
                                         
                                         .admin-user-password-row,
                                         .admin-user-card-actions {
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             gap: 10px;
                                         }
                                         
                                         .admin-user-eye-button {
                                             min-width: 58px;
                                             min-height: 34px;
                                             border: 1px solid #d5e0eb;
                                             border-radius: 10px;
                                             background: #ffffff;
                                             color: #35506b;
                                             font-size: 12px;
                                             font-weight: 700;
                                             cursor: pointer;
                                         }
                                         
                                         .admin-user-card-footer {
                                             margin-top: 16px;
                                             padding-top: 14px;
                                             border-top: 1px solid #e8eff6;
                                         }
                                         
                                         .admin-finance-card {
                                             padding: 14px 0;
                                         }
                                         
                                         .admin-finance-card+.admin-finance-card {
                                             border-top: 1px solid #e9eff6;
                                         }
                                         
                                         .admin-finance-note-field {
                                             margin-top: 10px;
                                         }
                                         
                                         .admin-finance-actions {
                                             display: flex;
                                             gap: 8px;
                                             margin-top: 12px;
                                             flex-wrap: wrap;
                                         }
                                         
                                         .admin-finance-switcher {
                                             display: grid;
                                             gap: 12px;
                                             grid-template-columns: repeat(3, minmax(0, 1fr));
                                             width: min(100%, 860px);
                                         }
                                         
                                         .admin-finance-switcher-field {
                                             margin: 0;
                                         }
                                         
                                         .admin-finance-filters {
                                             margin-bottom: 18px;
                                         }
                                         
                                         .admin-finance-summary-grid {
                                             display: grid;
                                             gap: 14px;
                                             grid-template-columns: repeat(3, minmax(0, 1fr));
                                             margin-bottom: 18px;
                                         }
                                         
                                         .admin-finance-summary-card {
                                             min-height: 124px;
                                         }
                                         
                                         .admin-report-card.bonus {
                                             border-left: 4px solid #2f9a63;
                                         }
                                         
                                         .admin-report-card.commission,
                                         .admin-report-card.lucky-hit,
                                         .admin-report-card.withdrawal {
                                             border-left: 4px solid #ef8b17;
                                         }
                                         
                                         .admin-finance-manual-form,
                                         .admin-notice-form,
                                         .admin-promotion-form {
                                             display: grid;
                                             gap: 14px;
                                             margin-bottom: 18px;
                                             padding: 18px;
                                             border: 1px solid #e6edf5;
                                             border-radius: 22px;
                                             background: #fbfdff;
                                         }
                                         
                                         .admin-section-title {
                                             font-size: 18px;
                                             font-weight: 800;
                                         }
                                         
                                         .admin-finance-manual-grid {
                                             display: grid;
                                             gap: 12px;
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                         }
                                         
                                         .admin-promotion-grid {
                                             display: grid;
                                             gap: 12px;
                                             grid-template-columns: repeat(2, minmax(0, 1fr));
                                         }
                                         
                                         .admin-finance-manual-provider {
                                             grid-column: 1 / -1;
                                         }
                                         
                                         .admin-notice-form textarea,
                                         .admin-finance-manual-form textarea {
                                             width: 100%;
                                             border: 1px solid #d8e4f0;
                                             border-radius: 14px;
                                             background: #f8fbff;
                                             padding: 12px 14px;
                                             color: #14314c;
                                             font: inherit;
                                             resize: vertical;
                                         }
                                         
                                         .admin-complaints-list {
                                             display: grid;
                                             gap: 14px;
                                         }
                                         
                                         .admin-complaint-card {
                                             padding: 16px;
                                             border: 1px solid #e6edf5;
                                             border-radius: 20px;
                                             background: #fbfdff;
                                         }
                                         
                                         .admin-complaint-card p {
                                             margin: 0;
                                             color: #29435d;
                                             font-size: 13px;
                                             line-height: 1.55;
                                         }
                                         
                                         .admin-complaint-card p+p,
                                         .admin-complaint-card .line-field,
                                         .admin-complaint-card .promotion-level-tabs,
                                         .admin-complaint-card .add-bank-continue,
                                         .admin-complaint-card .form-feedback {
                                             margin-top: 10px;
                                         }
                                         
                                         .admin-ticket-card,
                                         .admin-notice-card {
                                             padding: 18px;
                                             border: 1px solid #e6edf5;
                                             border-radius: 22px;
                                             background: linear-gradient(180deg, #fcfeff 0%, #f7fbff 100%);
                                             box-shadow: 0 10px 24px rgba(18, 48, 82, 0.06);
                                         }
                                         
                                         .admin-ticket-card.pending {
                                             border-color: #f0ddb5;
                                         }
                                         
                                         .admin-ticket-card.in-progress {
                                             border-color: #cddaf7;
                                         }
                                         
                                         .admin-ticket-card.resolved {
                                             border-color: #d4ebdd;
                                         }
                                         
                                         .admin-ticket-card.closed {
                                             border-color: #d9e1ea;
                                         }
                                         
                                         .admin-ticket-card-head,
                                         .admin-notice-card-head,
                                         .admin-ticket-footer,
                                         .admin-notice-card-actions {
                                             display: flex;
                                             align-items: flex-start;
                                             justify-content: space-between;
                                             gap: 14px;
                                         }
                                         
                                         .admin-ticket-card-title,
                                         .admin-notice-card-title {
                                             margin: 0;
                                             color: #16324a;
                                             font-size: 18px;
                                             font-weight: 800;
                                             line-height: 1.3;
                                         }
                                         
                                         .admin-ticket-card-id,
                                         .admin-notice-card-time {
                                             margin: 6px 0 0;
                                             color: #6d8195;
                                             font-size: 12px;
                                             line-height: 1.5;
                                         }
                                         
                                         .admin-ticket-meta-grid {
                                             display: grid;
                                             gap: 12px;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             margin-top: 16px;
                                         }
                                         
                                         .admin-ticket-meta-item,
                                         .admin-ticket-message-box,
                                         .admin-notice-card-body {
                                             padding: 14px 16px;
                                             border: 1px solid #e5edf5;
                                             border-radius: 16px;
                                             background: #fff;
                                         }
                                         
                                         .admin-ticket-meta-item span,
                                         .admin-ticket-message-box span {
                                             display: block;
                                             color: #73879b;
                                             font-size: 11px;
                                             font-weight: 700;
                                             letter-spacing: 0.04em;
                                             text-transform: uppercase;
                                         }
                                         
                                         .admin-ticket-meta-item strong {
                                             display: block;
                                             margin-top: 6px;
                                             color: #16324a;
                                             font-size: 14px;
                                             font-weight: 700;
                                         }
                                         
                                         .admin-ticket-message-box,
                                         .admin-notice-card-body,
                                         .admin-ticket-reply-field,
                                         .admin-ticket-footer,
                                         .admin-notice-card-actions {
                                             margin-top: 16px;
                                         }
                                         
                                         .admin-ticket-message-box p,
                                         .admin-notice-card-body p {
                                             margin: 8px 0 0;
                                             color: #29435d;
                                             font-size: 14px;
                                             line-height: 1.65;
                                             white-space: pre-wrap;
                                         }
                                         
                                         .admin-ticket-status-tabs {
                                             margin-top: 0;
                                             flex-wrap: wrap;
                                             gap: 8px;
                                         }
                                         
                                         .admin-status-tab.pending.is-active {
                                             background: linear-gradient(135deg, #f2ab22 0%, #d98805 100%);
                                             box-shadow: 0 12px 22px rgba(217, 136, 5, 0.22);
                                         }
                                         
                                         .admin-status-tab.in-progress.is-active {
                                             background: linear-gradient(135deg, #4d8ef7 0%, #2563eb 100%);
                                             box-shadow: 0 12px 22px rgba(37, 99, 235, 0.22);
                                         }
                                         
                                         .admin-status-tab.resolved.is-active {
                                             background: linear-gradient(135deg, #2dbb72 0%, #1b9f45 100%);
                                             box-shadow: 0 12px 22px rgba(27, 159, 69, 0.22);
                                         }
                                         
                                         .admin-status-tab.closed.is-active {
                                             background: linear-gradient(135deg, #71859a 0%, #556679 100%);
                                             box-shadow: 0 12px 22px rgba(85, 102, 121, 0.22);
                                         }
                                         
                                         .admin-notice-card-actions {
                                             align-items: center;
                                         }
                                         
                                         .admin-panel-tabs[hidden],
                                         .admin-panel-body[hidden],
                                         .admin-console-layout[hidden],
                                         .admin-login-stage[hidden],
                                         [data-admin-refresh-panel][hidden],
                                         [data-admin-logout][hidden],
                                         [data-admin-session-name][hidden],
                                         [data-admin-dashboard-feedback][hidden] {
                                             display: none !important;
                                         }
                                         
                                         @media (max-width: 1120px) {
                                             .admin-console-page {
                                                 padding: 18px;
                                             }
                                             .admin-login-stage,
                                             .admin-console-layout {
                                                 grid-template-columns: 1fr;
                                             }
                                             .admin-editor-shell,
                                             .admin-notice-layout,
                                             .admin-bet-history-grid {
                                                 grid-template-columns: 1fr;
                                             }
                                             .admin-sidebar {
                                                 order: 2;
                                             }
                                             .admin-main {
                                                 order: 1;
                                             }
                                             .admin-summary-grid {
                                                 grid-template-columns: repeat(2, minmax(0, 1fr));
                                             }
                                         }
                                         
                                         @media (max-width: 720px) {
                                             .admin-console-page {
                                                 padding: 12px;
                                             }
                                             .admin-login-stage {
                                                 min-height: auto;
                                                 gap: 16px;
                                             }
                                             .admin-login-intro,
                                             .admin-login-card,
                                             .admin-sidebar,
                                             .admin-main-header,
                                             .admin-panel-card,
                                             .admin-summary-card {
                                                 border-radius: 22px;
                                             }
                                             .admin-login-intro,
                                             .admin-login-card,
                                             .admin-main-header,
                                             .admin-panel-card,
                                             .admin-summary-card {
                                                 padding: 18px;
                                             }
                                             .admin-main-header {
                                                 flex-direction: column;
                                             }
                                             .admin-main-actions,
                                             .admin-inline-form,
                                             .admin-chip-group,
                                             .admin-finance-switcher {
                                                 width: 100%;
                                                 flex-wrap: wrap;
                                                 justify-content: flex-start;
                                             }
                                             .admin-summary-grid,
                                             .admin-overview-grid,
                                             .admin-bet-status-summary,
                                             .admin-bet-status-grid,
                                             .admin-bet-history-grid,
                                             .admin-finance-summary-grid,
                                             .admin-ticket-meta-grid,
                                             .admin-editor-shell,
                                             .admin-notice-layout,
                                             .admin-user-card-grid,
                                             .admin-finance-manual-grid,
                                             .admin-promotion-grid,
                                             .admin-finance-switcher {
                                                 grid-template-columns: 1fr;
                                             }
                                             .admin-status-legend {
                                                 grid-template-columns: 1fr 1fr;
                                             }
                                             .admin-list-item {
                                                 grid-template-columns: 1fr;
                                             }
                                             .admin-user-card-head,
                                             .admin-user-card-footer,
                                             .admin-ticket-card-head,
                                             .admin-ticket-footer,
                                             .admin-notice-card-head,
                                             .admin-notice-card-actions {
                                                 flex-direction: column;
                                                 align-items: flex-start;
                                             }
                                             .admin-user-password-row,
                                             .admin-user-card-actions {
                                                 width: 100%;
                                                 align-items: flex-start;
                                                 flex-direction: column;
                                             }
                                             .admin-list-side,
                                             .admin-list-side-text {
                                                 text-align: left;
                                             }
                                             .admin-side-nav .promotion-level-tab {
                                                 min-height: 46px;
                                             }
                                         }
                                         
                                         .promotion-form-card {
                                             padding: 0 18px 22px;
                                             border: 1px solid #e7e7e7;
                                             border-top: 0;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
                                         }
                                         
                                         .promotion-line-field {
                                             display: block;
                                             margin-bottom: 24px;
                                         }
                                         
                                         .promotion-line-field span {
                                             display: block;
                                             margin-bottom: 6px;
                                             color: #9b9b9b;
                                             font-size: 14px;
                                         }
                                         
                                         .promotion-line-field input,
                                         .promotion-line-field textarea {
                                             width: 100%;
                                             border: 0;
                                             border-bottom: 1px solid #bcbcbc;
                                             padding: 0 0 10px;
                                             background: transparent;
                                             color: #333;
                                             font-size: 16px;
                                             outline: 0;
                                             resize: vertical;
                                         }
                                         
                                         .promotion-link-field textarea {
                                             min-height: 88px;
                                             line-height: 1.4;
                                         }
                                         
                                         .promotion-copy-button {
                                             display: block;
                                             width: min(100%, 190px);
                                             min-height: 42px;
                                             margin: 0 auto;
                                             border: 0;
                                             background: #d9d9d9;
                                             color: #333;
                                             font-size: 16px;
                                             font-weight: 500;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-record-frame {
                                             min-height: 100vh;
                                             display: flex;
                                             flex-direction: column;
                                             background: #f5f5f5;
                                         }
                                         
                                         .promotion-record-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .promotion-record-tabs {
                                             display: grid;
                                             grid-template-columns: 1fr 1fr;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                         }
                                         
                                         .promotion-record-tab {
                                             min-height: 50px;
                                             border: 0;
                                             border-bottom: 4px solid transparent;
                                             background: transparent;
                                             color: rgba(255, 255, 255, 0.8);
                                             font-size: 15px;
                                             font-weight: 700;
                                             cursor: pointer;
                                         }
                                         
                                         .promotion-record-tab.is-active {
                                             color: #fff;
                                             border-bottom-color: #ffd62d;
                                         }
                                         
                                         .promotion-record-panel {
                                             background: #fff;
                                         }
                                         
                                         .promotion-record-list {
                                             background: #fff;
                                         }
                                         
                                         .promotion-record-item {
                                             display: grid;
                                             grid-template-columns: 46px minmax(0, 1fr) auto;
                                             gap: 14px;
                                             align-items: center;
                                             padding: 18px 18px 16px;
                                             border-bottom: 1px solid #ececec;
                                         }
                                         
                                         .promotion-record-icon {
                                             position: relative;
                                             width: 40px;
                                             height: 40px;
                                             border-radius: 50%;
                                             background: #7b7b7b;
                                         }
                                         
                                         .promotion-record-item.bonus .promotion-record-icon.money,
                                         .promotion-record-item.apply .promotion-record-icon.success-ring {
                                             background: #4cb74c;
                                         }
                                         
                                         .promotion-record-icon::before,
                                         .promotion-record-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .promotion-record-item.member .promotion-record-icon::before {
                                             left: 11px;
                                             top: 8px;
                                             width: 18px;
                                             height: 18px;
                                             border-radius: 3px;
                                             background: #fff;
                                         }
                                         
                                         .promotion-record-item.member .promotion-record-icon::after {
                                             left: 14px;
                                             top: 11px;
                                             width: 12px;
                                             height: 5px;
                                             border-radius: 999px 999px 0 0;
                                             background: #7b7b7b;
                                             box-shadow: 0 7px 0 2px #7b7b7b;
                                         }
                                         
                                         .promotion-record-icon.money::before {
                                             left: 9px;
                                             top: 9px;
                                             width: 22px;
                                             height: 22px;
                                             border-radius: 50%;
                                             background: #fff;
                                         }
                                         
                                         .promotion-record-icon.money::after {
                                             left: 17px;
                                             top: 12px;
                                             color: #4cb74c;
                                             content: "$";
                                             font-size: 18px;
                                             font-weight: 700;
                                         }
                                         
                                         .promotion-record-icon.success-ring::before {
                                             left: 8px;
                                             top: 8px;
                                             width: 18px;
                                             height: 10px;
                                             border-left: 3px solid #fff;
                                             border-bottom: 3px solid #fff;
                                             transform: rotate(-45deg);
                                         }
                                         
                                         .promotion-record-icon.success-ring::after {
                                             inset: 8px;
                                             border: 3px solid #fff;
                                             border-radius: 50%;
                                         }
                                         
                                         .promotion-record-copy,
                                         .promotion-record-title,
                                         .promotion-record-subtitle,
                                         .promotion-record-time,
                                         .promotion-record-amount {
                                             margin: 0;
                                         }
                                         
                                         .promotion-record-title {
                                             color: #333;
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .promotion-record-subtitle {
                                             margin-top: 4px;
                                             color: #7c7c7c;
                                             font-size: 14px;
                                             font-weight: 500;
                                         }
                                         
                                         .promotion-record-time {
                                             color: #8c8c8c;
                                             font-size: 14px;
                                             font-weight: 600;
                                             white-space: nowrap;
                                         }
                                         
                                         .promotion-record-amount {
                                             color: #2f2f2f;
                                             font-size: 18px;
                                             font-weight: 500;
                                             white-space: nowrap;
                                         }
                                         
                                         .promotion-record-amount.positive {
                                             color: #1f9c30;
                                             font-weight: 700;
                                         }
                                         
                                         .promotion-record-pager {
                                             min-height: 64px;
                                             display: flex;
                                             align-items: center;
                                             justify-content: flex-end;
                                             gap: 18px;
                                             padding: 0 20px;
                                             border-bottom: 1px solid #d8d8d8;
                                             background: #fff;
                                             color: #717171;
                                             font-size: 15px;
                                         }
                                         
                                         .lucky-hit-frame {
                                             min-height: 100vh;
                                             background: #f5f5f5;
                                         }
                                         
                                         .lucky-hit-topbar {
                                             height: 72px;
                                             padding: 0 14px;
                                             display: grid;
                                             grid-template-columns: 32px 1fr auto;
                                             align-items: center;
                                             gap: 10px;
                                             background: linear-gradient(180deg, #1491d6 0%, #178ccc 100%);
                                             color: #fff;
                                         }
                                         
                                         .lucky-hit-topbar h1 {
                                             margin: 0;
                                             font-size: 22px;
                                             font-weight: 600;
                                         }
                                         
                                         .lucky-hit-top-actions {
                                             display: flex;
                                             align-items: center;
                                             gap: 12px;
                                         }
                                         
                                         .lucky-hit-balance {
                                             font-size: 16px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-top-icon {
                                             position: relative;
                                             width: 26px;
                                             height: 26px;
                                             border: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .lucky-hit-top-icon::before,
                                         .lucky-hit-top-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .lucky-hit-top-icon.card::before {
                                             left: 3px;
                                             top: 5px;
                                             width: 18px;
                                             height: 12px;
                                             border: 3px solid #fff;
                                             border-radius: 3px;
                                         }
                                         
                                         .lucky-hit-top-icon.card::after {
                                             left: 6px;
                                             top: 11px;
                                             width: 12px;
                                             height: 3px;
                                             background: #fff;
                                         }
                                         
                                         .lucky-hit-top-icon.help::before {
                                             left: 4px;
                                             top: 2px;
                                             width: 18px;
                                             height: 18px;
                                             border-radius: 50%;
                                             background: #fff;
                                         }
                                         
                                         .lucky-hit-top-icon.help::after {
                                             left: 10px;
                                             top: 5px;
                                             content: "?";
                                             color: #1794da;
                                             font-size: 18px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-history-bar {
                                             min-height: 54px;
                                             display: grid;
                                             grid-template-columns: auto 1fr auto;
                                             align-items: center;
                                             gap: 12px;
                                             padding: 0 16px;
                                             background: #fff;
                                             border-bottom: 1px solid #e6e6e6;
                                         }
                                         
                                         .lucky-hit-history-label {
                                             color: #303030;
                                             font-size: 16px;
                                             font-weight: 500;
                                         }
                                         
                                         .lucky-hit-history-dots {
                                             display: flex;
                                             align-items: center;
                                             gap: 10px;
                                         }
                                         
                                         .history-dot {
                                             width: 20px;
                                             height: 20px;
                                             border-radius: 50%;
                                             box-shadow: inset 0 -3px 4px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .history-dot.dark {
                                             background: #383838;
                                         }
                                         
                                         .history-dot.red {
                                             background: #d92a25;
                                         }
                                         
                                         .history-dot.gold {
                                             background: #d6a215;
                                         }
                                         
                                         .lucky-hit-history-toggle {
                                             position: relative;
                                             width: 18px;
                                             height: 18px;
                                             border: 0;
                                             background: transparent;
                                         }
                                         
                                         .lucky-hit-history-toggle::before {
                                             content: "";
                                             position: absolute;
                                             left: 3px;
                                             top: 2px;
                                             width: 8px;
                                             height: 8px;
                                             border-right: 3px solid #848484;
                                             border-bottom: 3px solid #848484;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .lucky-hit-timer-bar {
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             gap: 10px;
                                             padding: 8px 14px;
                                             border-top: 1px solid #ececec;
                                             border-bottom: 1px solid #ececec;
                                             background: #fff;
                                             color: #1f2937;
                                         }
                                         
                                         .lucky-hit-timer-label,
                                         .lucky-hit-timer-phase,
                                         .lucky-hit-timer-value,
                                         .lucky-hit-timer-unit {
                                             margin: 0;
                                         }
                                         
                                         .lucky-hit-timer-label {
                                             display: none;
                                         }
                                         
                                         .lucky-hit-timer-phase {
                                             margin-top: 0;
                                             color: #4b5563;
                                             font-size: 13px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-timer-box {
                                             min-width: auto;
                                             display: flex;
                                             align-items: baseline;
                                             justify-content: center;
                                             gap: 2px;
                                             padding: 0;
                                             border-radius: 0;
                                             background: transparent;
                                             box-shadow: none;
                                         }
                                         
                                         .lucky-hit-timer-value {
                                             color: #1490d4;
                                             font-size: 18px;
                                             font-weight: 800;
                                             line-height: 1;
                                         }
                                         
                                         .lucky-hit-timer-unit {
                                             color: #1490d4;
                                             font-size: 11px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                         }
                                         
                                         .lucky-hit-content {
                                             padding: 8px 8px 10px;
                                         }
                                         
                                         .lucky-hit-card,
                                         .lucky-hit-record-head,
                                         .lucky-hit-record-list {
                                             background: #fff;
                                             border: 1px solid #e6e6e6;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
                                         }
                                         
                                         .lucky-hit-card {
                                             padding: 14px 12px 18px;
                                         }
                                         
                                         .lucky-hit-summary-strip {
                                             display: none;
                                             flex-wrap: wrap;
                                             gap: 8px;
                                             margin-top: 10px;
                                         }
                                         
                                         .lucky-hit-summary-pill {
                                             padding: 6px 10px;
                                             border-radius: 999px;
                                             background: #eef7ff;
                                             color: #14649c;
                                             font-size: 12px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-period,
                                         .lucky-hit-score,
                                         .lucky-hit-name,
                                         .lucky-hit-bet-amount,
                                         .lucky-hit-record-head p,
                                         .lucky-hit-record-period,
                                         .lucky-hit-record-result {
                                             margin: 0;
                                         }
                                         
                                         .lucky-hit-period {
                                             color: #313131;
                                             font-size: 16px;
                                             font-weight: 600;
                                         }
                                         
                                         .lucky-hit-board {
                                             display: grid;
                                             grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
                                             align-items: center;
                                             gap: 10px;
                                             margin-top: 14px;
                                         }
                                         
                                         .lucky-hit-side,
                                         .lucky-hit-center {
                                             text-align: center;
                                         }
                                         
                                         .lucky-hit-side {
                                             display: grid;
                                             align-items: center;
                                             justify-items: center;
                                             column-gap: 8px;
                                             row-gap: 6px;
                                             width: 100%;
                                         }
                                         
                                         .lucky-hit-side .lucky-hit-score,
                                         .lucky-hit-side .lucky-hit-name,
                                         .lucky-hit-side .lucky-hit-hand-type {
                                             align-self: start;
                                         }
                                         
                                         .side-left {
                                             grid-template-columns: auto minmax(0, 1fr);
                                             grid-template-areas: "avatar cards" "score score" "hand hand" "name name";
                                         }
                                         
                                         .side-right {
                                             grid-template-columns: minmax(0, 1fr) auto;
                                             grid-template-areas: "cards avatar" "score score" "hand hand" "name name";
                                         }
                                         
                                         .side-left .lucky-hit-avatar {
                                             grid-area: avatar;
                                             align-self: center;
                                         }
                                         
                                         .side-left .lucky-hit-cards {
                                             grid-area: cards;
                                             justify-self: start;
                                             align-self: center;
                                         }
                                         
                                         .side-right .lucky-hit-cards {
                                             grid-area: cards;
                                             justify-self: end;
                                             align-self: center;
                                         }
                                         
                                         .side-right .lucky-hit-avatar {
                                             grid-area: avatar;
                                             align-self: center;
                                         }
                                         
                                         .side-left .lucky-hit-score,
                                         .side-left .lucky-hit-name,
                                         .side-left .lucky-hit-hand-type,
                                         .side-right .lucky-hit-score,
                                         .side-right .lucky-hit-name,
                                         .side-right .lucky-hit-hand-type {
                                             grid-column: 1 / -1;
                                         }
                                         
                                         .side-left .lucky-hit-score,
                                         .side-right .lucky-hit-score {
                                             grid-area: score;
                                         }
                                         
                                         .side-left .lucky-hit-hand-type,
                                         .side-right .lucky-hit-hand-type {
                                             grid-area: hand;
                                         }
                                         
                                         .side-left .lucky-hit-name,
                                         .side-right .lucky-hit-name {
                                             grid-area: name;
                                         }
                                         
                                         .lucky-hit-center {
                                             display: grid;
                                             align-items: center;
                                             justify-items: center;
                                             row-gap: 2px;
                                         }
                                         
                                         .lucky-hit-avatar {
                                             position: relative;
                                             width: 46px;
                                             height: 54px;
                                             align-self: center;
                                             transform: none;
                                             background-position: center bottom;
                                             background-repeat: no-repeat;
                                             background-size: contain;
                                         }
                                         
                                         .lucky-hit-board .lucky-hit-cards {
                                             align-self: center;
                                             gap: 4px;
                                         }
                                         
                                         .lucky-hit-avatar::before {
                                             content: none;
                                         }
                                         
                                         .warrior-left::after,
                                         .warrior-right::after {
                                             content: none;
                                         }
                                         
                                         .warrior-left {
                                             background-image: url("images/lucky-hit/cards/black-king.png");
                                         }
                                         
                                         .warrior-right {
                                             background-image: url("images/lucky-hit/cards/red-queen.png");
                                         }
                                         
                                         .lucky-hit-cards {
                                             display: flex;
                                             gap: 4px;
                                             transition: opacity 0.3s ease, transform 0.3s ease;
                                         }
                                         
                                         .lucky-hit-board .lucky-hit-cards {
                                             gap: 6px;
                                         }
                                         
                                         .lucky-hit-reveal-card {
                                             transform-origin: center center;
                                             backface-visibility: hidden;
                                             will-change: transform, opacity, box-shadow;
                                         }
                                         
                                         .lucky-hit-cards-face-down .teen-card {
                                             color: transparent;
                                             border-color: transparent;
                                             background: #f5f8ff url("images/lucky-hit/cards/BACK.png") center / 118% 118% no-repeat;
                                             box-shadow: none;
                                         }
                                         
                                         .lucky-hit-cards-face-down .teen-card::before {
                                             content: none;
                                         }
                                         
                                         .lucky-hit-cards.is-revealing .lucky-hit-reveal-card {
                                             animation: luckyHitCardFlip 0.62s cubic-bezier(0.2, 0.7, 0.2, 1) both;
                                             animation-delay: var(--reveal-delay, 0ms);
                                         }
                                         
                                         .mini-hit-card {
                                             display: block;
                                             flex: 0 0 auto;
                                             width: 30px;
                                             height: 46px;
                                             border-radius: 4px;
                                             border: 2px solid transparent;
                                             background: #f5f8ff url("images/lucky-hit/cards/BACK.png") center / 118% 118% no-repeat;
                                             box-shadow: none;
                                         }
                                         
                                         .mini-hit-card::before {
                                             content: none;
                                         }
                                         
                                         .teen-card-row {
                                             display: flex;
                                             align-items: center;
                                             gap: 6px;
                                             flex-wrap: wrap;
                                         }
                                         
                                         .teen-card {
                                             position: relative;
                                             width: 31px;
                                             height: 48px;
                                             display: grid;
                                             place-items: center;
                                             overflow: hidden;
                                             border-radius: 4px;
                                             border: 1px solid #d5deef;
                                             background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
                                             color: #1e293b;
                                             font-size: 13px;
                                             font-weight: 800;
                                             box-shadow: 0 2px 5px rgba(20, 53, 90, 0.1);
                                             isolation: isolate;
                                         }
                                         
                                         .lucky-hit-board .teen-card {
                                             width: 28px;
                                             height: 42px;
                                             border-radius: 6px;
                                             box-shadow: 0 4px 10px rgba(20, 53, 90, 0.16);
                                         }
                                         
                                         .teen-card[data-card-code] {
                                             background-image: var(--card-image), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
                                             background-position: center 52%;
                                             background-repeat: no-repeat;
                                             background-size: 94% auto;
                                             background-color: #ffffff;
                                             image-rendering: -webkit-optimize-contrast;
                                             color: transparent;
                                             text-shadow: none;
                                         }
                                         
                                         .teen-card-corner,
                                         .teen-card-center-suit {
                                             position: absolute;
                                             z-index: 1;
                                             color: var(--card-accent, #111827);
                                             font-family: "Archivo Black", sans-serif;
                                             line-height: 1;
                                             text-shadow: 0 1px 2px rgba(255, 255, 255, 0.96);
                                         }
                                         
                                         .teen-card-corner {
                                             display: flex;
                                             flex-direction: column;
                                             align-items: center;
                                             gap: 1px;
                                         }
                                         
                                         .teen-card-corner.top {
                                             top: 3px;
                                             left: 3px;
                                         }
                                         
                                         .teen-card-corner.bottom {
                                             right: 3px;
                                             bottom: 3px;
                                             transform: rotate(180deg);
                                         }
                                         
                                         .teen-card-rank {
                                             font-size: 10px;
                                             letter-spacing: 0.02em;
                                         }
                                         
                                         .teen-card-suit {
                                             font-size: 9px;
                                         }
                                         
                                         .teen-card-center-suit {
                                             top: 50%;
                                             left: 50%;
                                             transform: translate(-50%, -50%);
                                             font-size: 18px;
                                             opacity: 0.9;
                                         }
                                         
                                         .teen-card.heart,
                                         .teen-card.diamond {
                                             --card-accent: #dc2626;
                                             color: #dc2626;
                                         }
                                         
                                         .teen-card.spade,
                                         .teen-card.club {
                                             --card-accent: #111827;
                                             color: #111827;
                                         }
                                         
                                         .teen-card[data-card-code].heart,
                                         .teen-card[data-card-code].diamond,
                                         .teen-card[data-card-code].spade,
                                         .teen-card[data-card-code].club {
                                             color: transparent;
                                         }
                                         
                                         .lucky-hit-cards-face-down .teen-card[data-card-code] {
                                             background-image: url("images/lucky-hit/cards/BACK.png"), linear-gradient(135deg, #8fb5ff 0%, #5f89dd 100%);
                                         }
                                         
                                         .lucky-hit-cards-face-down .teen-card .teen-card-corner,
                                         .lucky-hit-cards-face-down .teen-card .teen-card-center-suit {
                                             display: none;
                                         }
                                         
                                         .lucky-hit-vs {
                                             margin: 0 0 2px;
                                             color: #b97324;
                                             font-family: "Archivo Black", sans-serif;
                                             font-size: 22px;
                                             text-shadow: 0 2px 0 #492600, 0 0 8px rgba(255, 183, 77, 0.45);
                                         }
                                         
                                         .lucky-hit-score {
                                             color: #333;
                                             font-size: 14px;
                                             font-weight: 700;
                                             line-height: 1.1;
                                         }
                                         
                                         .lucky-hit-score-center {
                                             color: #8d5b08;
                                             font-size: 18px;
                                             line-height: 1.1;
                                         }
                                         
                                         .lucky-hit-hand-type {
                                             margin: 0;
                                             color: #6b7280;
                                             font-size: 10px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             line-height: 1.1;
                                         }
                                         
                                         .side-left .lucky-hit-hand-type,
                                         .side-right .lucky-hit-hand-type {
                                             display: none;
                                         }
                                         
                                         .lucky-hit-name {
                                             color: #303030;
                                             font-size: 11px;
                                             font-weight: 500;
                                             line-height: 1.1;
                                         }
                                         
                                         .lucky-hit-center {
                                             display: grid;
                                             justify-items: center;
                                             gap: 3px;
                                             align-content: start;
                                             padding-top: 14px;
                                         }
                                         
                                         .lucky-hit-board-result {
                                             margin: 12px 0 0;
                                             color: #17a7f7;
                                             font-size: 14px;
                                             font-weight: 700;
                                             text-align: center;
                                         }
                                         
                                         .lucky-hit-progress {
                                             height: 4px;
                                             margin: 12px 0 14px;
                                             overflow: hidden;
                                             border-radius: 999px;
                                             background: #e6eef5;
                                         }
                                         
                                         .lucky-hit-progress-fill {
                                             height: 100%;
                                             width: 100%;
                                             background: linear-gradient(90deg, #1a97e1 0%, #7ec2ee 100%);
                                             transition: width 0.9s linear;
                                         }
                                         
                                         .lucky-hit-round-bets {
                                             margin: 0 0 18px;
                                             padding: 14px 12px;
                                             border: 1px solid #dbe8f4;
                                             border-radius: 16px;
                                             background: linear-gradient(180deg, #f8fbff 0%, #eef6fd 100%);
                                         }
                                         
                                         .lucky-hit-round-bets-head {
                                             display: flex;
                                             align-items: flex-start;
                                             justify-content: space-between;
                                             gap: 12px;
                                         }
                                         
                                         .lucky-hit-round-bets-label,
                                         .lucky-hit-round-bets-total,
                                         .lucky-hit-round-bets-meta,
                                         .lucky-hit-round-bet-choice,
                                         .lucky-hit-round-bet-amount,
                                         .lucky-hit-round-bet-meta {
                                             margin: 0;
                                         }
                                         
                                         .lucky-hit-round-bets-label {
                                             color: #557187;
                                             font-size: 11px;
                                             font-weight: 700;
                                             letter-spacing: 0.08em;
                                             text-transform: uppercase;
                                         }
                                         
                                         .lucky-hit-round-bets-total {
                                             margin-top: 4px;
                                             color: #17324a;
                                             font-size: 24px;
                                             font-weight: 800;
                                             line-height: 1;
                                         }
                                         
                                         .lucky-hit-round-bets-meta {
                                             color: #5d7485;
                                             font-size: 12px;
                                             font-weight: 700;
                                             text-align: right;
                                         }
                                         
                                         .lucky-hit-round-bets-grid {
                                             display: grid;
                                             grid-template-columns: repeat(3, minmax(0, 1fr));
                                             gap: 10px;
                                             margin-top: 14px;
                                         }
                                         
                                         .lucky-hit-round-bet-stat {
                                             padding: 12px 10px;
                                             border-radius: 14px;
                                             background: #ffffff;
                                             border: 1px solid #d8e4ef;
                                             box-shadow: 0 1px 4px rgba(31, 73, 125, 0.08);
                                         }
                                         
                                         .lucky-hit-round-bet-stat.black {
                                             border-color: #ced5dd;
                                             background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);
                                         }
                                         
                                         .lucky-hit-round-bet-stat.red {
                                             border-color: #f3c8c5;
                                             background: linear-gradient(180deg, #fff7f7 0%, #ffeaea 100%);
                                         }
                                         
                                         .lucky-hit-round-bet-stat.lucky {
                                             border-color: #ead8be;
                                             background: linear-gradient(180deg, #fffaf0 0%, #fff3dd 100%);
                                         }
                                         
                                         .lucky-hit-round-bet-choice {
                                             color: #5a6d7d;
                                             font-size: 11px;
                                             font-weight: 700;
                                             text-transform: uppercase;
                                             letter-spacing: 0.06em;
                                         }
                                         
                                         .lucky-hit-round-bet-amount {
                                             margin-top: 8px;
                                             color: #1d3348;
                                             font-size: 18px;
                                             font-weight: 800;
                                         }
                                         
                                         .lucky-hit-round-bet-meta {
                                             margin-top: 6px;
                                             color: #687d8d;
                                             font-size: 11px;
                                             line-height: 1.4;
                                         }
                                         
                                         .lucky-hit-bet-box {
                                             padding-top: 18px;
                                             border-top: 1px solid #ececec;
                                         }
                                         
                                         .lucky-hit-bet-amount {
                                             color: #373737;
                                             font-size: 18px;
                                             font-weight: 600;
                                         }
                                         
                                         .lucky-hit-bet-note {
                                             margin: 10px 0 0;
                                             color: #6b7280;
                                             font-size: 13px;
                                             line-height: 1.5;
                                         }
                                         
                                         .lucky-hit-amount-row {
                                             display: grid;
                                             grid-template-columns: minmax(0, 1fr) 100px 100px;
                                             gap: 12px;
                                             margin-top: 18px;
                                         }
                                         
                                         .lucky-hit-amount-field,
                                         .lucky-hit-step {
                                             min-height: 62px;
                                             border: 0;
                                             background: #ddd;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
                                         }
                                         
                                         .lucky-hit-amount-field {
                                             display: block;
                                             padding: 10px 12px;
                                         }
                                         
                                         .lucky-hit-amount-field span {
                                             display: block;
                                             color: #8c8c8c;
                                             font-size: 14px;
                                         }
                                         
                                         .lucky-hit-amount-field input {
                                             width: 100%;
                                             border: 0;
                                             margin-top: 2px;
                                             background: transparent;
                                             color: #222;
                                             font-size: 16px;
                                             font-weight: 600;
                                             outline: 0;
                                         }
                                         
                                         .lucky-hit-step {
                                             color: #333;
                                             font-size: 34px;
                                             cursor: pointer;
                                         }
                                         
                                         .lucky-hit-chip-row {
                                             display: flex;
                                             gap: 8px;
                                             flex-wrap: wrap;
                                             margin-top: 12px;
                                         }
                                         
                                         .lucky-hit-chip {
                                             min-width: 62px;
                                             min-height: 36px;
                                             border: 1px solid #d5dfed;
                                             background: #f7fbff;
                                             color: #31516d;
                                             font-size: 13px;
                                             font-weight: 700;
                                             cursor: pointer;
                                         }
                                         
                                         .lucky-hit-chip.is-active {
                                             border-color: #148ed5;
                                             background: #148ed5;
                                             color: #fff;
                                         }
                                         
                                         .lucky-hit-action-grid {
                                             display: grid;
                                             grid-template-columns: 1fr 1fr;
                                             gap: 10px 24px;
                                             margin-top: 18px;
                                         }
                                         
                                         .lucky-hit-action {
                                             min-height: 54px;
                                             border: 0;
                                             color: #fff;
                                             font-size: 16px;
                                             font-weight: 700;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
                                             cursor: pointer;
                                             display: grid;
                                             gap: 2px;
                                             justify-items: center;
                                             align-content: center;
                                             padding: 8px;
                                         }
                                         
                                         .lucky-hit-action small {
                                             font-size: 11px;
                                             font-weight: 600;
                                             opacity: 0.9;
                                         }
                                         
                                         .lucky-hit-action.is-disabled,
                                         .lucky-hit-chip.is-disabled,
                                         .lucky-hit-step.is-disabled {
                                             opacity: 0.45;
                                             cursor: not-allowed;
                                         }
                                         
                                         .lucky-hit-action.black {
                                             background: #454242;
                                         }
                                         
                                         .lucky-hit-action.red {
                                             background: #ff4336;
                                         }
                                         
                                         .lucky-hit-action.lucky {
                                             grid-column: 1 / -1;
                                             background: #8a6250;
                                         }
                                         
                                         .lucky-hit-record-head {
                                             display: grid;
                                             justify-items: center;
                                             gap: 6px;
                                             margin-top: 12px;
                                             padding: 18px 12px 16px;
                                         }
                                         
                                         .lucky-hit-record-icon {
                                             position: relative;
                                             width: 24px;
                                             height: 24px;
                                         }
                                         
                                         .lucky-hit-record-icon::before,
                                         .lucky-hit-record-icon::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .lucky-hit-record-icon::before {
                                             inset: 1px;
                                             border: 3px solid #666;
                                             border-radius: 2px;
                                         }
                                         
                                         .lucky-hit-record-icon::after {
                                             left: 6px;
                                             top: 6px;
                                             width: 10px;
                                             height: 3px;
                                             background: #666;
                                             box-shadow: 0 5px 0 #666, 0 10px 0 #666;
                                         }
                                         
                                         .lucky-hit-record-head p {
                                             color: #343434;
                                             font-size: 18px;
                                             font-weight: 600;
                                         }
                                         
                                         .lucky-hit-record-list {
                                             margin-top: 2px;
                                         }
                                         
                                         .lucky-hit-record-item {
                                             display: grid;
                                             grid-template-columns: 1fr auto;
                                             align-items: center;
                                             gap: 14px;
                                             padding: 16px 18px;
                                             border-top: 2px solid #1893d9;
                                         }
                                         
                                         .lucky-hit-record-title,
                                         .lucky-hit-record-meta,
                                         .lucky-hit-record-amount,
                                         .lucky-hit-record-result {
                                             margin: 0;
                                         }
                                         
                                         .lucky-hit-record-title {
                                             color: #313131;
                                             font-size: 16px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-record-meta,
                                         .lucky-hit-record-amount {
                                             margin-top: 4px;
                                             color: #6b7280;
                                             font-size: 12px;
                                         }
                                         
                                         .lucky-hit-record-result {
                                             color: #333;
                                             font-size: 16px;
                                             font-weight: 600;
                                             text-align: right;
                                         }
                                         
                                         .lucky-hit-record-result.loss {
                                             color: #ff3f34;
                                         }
                                         
                                         .lucky-hit-rules-modal {
                                             position: fixed;
                                             inset: 0;
                                             z-index: 60;
                                             display: grid;
                                             place-items: center;
                                             padding: 18px;
                                         }
                                         
                                         .lucky-hit-rules-modal[hidden] {
                                             display: none;
                                         }
                                         
                                         .lucky-hit-rules-backdrop {
                                             position: absolute;
                                             inset: 0;
                                             background: rgba(15, 23, 42, 0.5);
                                         }
                                         
                                         .lucky-hit-rules-sheet {
                                             position: relative;
                                             z-index: 1;
                                             width: min(100%, 470px);
                                             max-height: min(88vh, 860px);
                                             background: #fff;
                                             box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28);
                                             display: flex;
                                             flex-direction: column;
                                         }
                                         
                                         .lucky-hit-rules-head {
                                             display: flex;
                                             align-items: center;
                                             justify-content: space-between;
                                             padding: 18px 18px 14px;
                                             background: #f4f4f5;
                                         }
                                         
                                         .lucky-hit-rules-head h2,
                                         .lucky-hit-rules-body h3,
                                         .lucky-hit-odds-label,
                                         .lucky-hit-ranking-step span {
                                             margin: 0;
                                         }
                                         
                                         .lucky-hit-rules-head h2 {
                                             color: #111827;
                                             font-size: 22px;
                                             font-weight: 500;
                                         }
                                         
                                         .lucky-hit-rules-close {
                                             width: 32px;
                                             height: 32px;
                                             border: 0;
                                             background: transparent;
                                             color: #475569;
                                             font-size: 28px;
                                             line-height: 1;
                                             cursor: pointer;
                                         }
                                         
                                         .lucky-hit-rules-body {
                                             overflow-y: auto;
                                             padding: 18px;
                                         }
                                         
                                         .lucky-hit-rules-body p {
                                             margin: 0 0 14px;
                                             color: #1f2937;
                                             font-size: 15px;
                                             line-height: 1.6;
                                         }
                                         
                                         .lucky-hit-rules-body h3 {
                                             margin-bottom: 12px;
                                             color: #111827;
                                             font-size: 20px;
                                             font-weight: 600;
                                         }
                                         
                                         .lucky-hit-rules-preview {
                                             display: flex;
                                             align-items: center;
                                             gap: 10px;
                                             margin: 10px 0 18px;
                                         }
                                         
                                         .lucky-hit-odds-list {
                                             display: grid;
                                             gap: 10px;
                                             margin-bottom: 18px;
                                         }
                                         
                                         .lucky-hit-odds-item {
                                             display: grid;
                                             grid-template-columns: 1fr auto auto;
                                             gap: 12px;
                                             align-items: center;
                                             padding: 10px 0;
                                             border-bottom: 1px solid #e5e7eb;
                                         }
                                         
                                         .lucky-hit-odds-item strong {
                                             color: #16a34a;
                                             font-size: 28px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-odds-label {
                                             color: #374151;
                                             font-size: 14px;
                                             font-weight: 700;
                                         }
                                         
                                         .lucky-hit-ranking-list {
                                             display: flex;
                                             align-items: center;
                                             gap: 10px;
                                             flex-wrap: wrap;
                                         }
                                         
                                         .lucky-hit-ranking-step {
                                             display: grid;
                                             gap: 8px;
                                             justify-items: center;
                                         }
                                         
                                         .lucky-hit-ranking-step span {
                                             color: #374151;
                                             font-size: 12px;
                                             font-weight: 700;
                                             text-align: center;
                                         }
                                         
                                         .lucky-hit-ranking-arrow {
                                             color: #22c55e;
                                             font-size: 24px;
                                             font-weight: 800;
                                         }
                                         
                                         @keyframes luckyHitReveal {
                                             0% {
                                                 transform: rotateY(0deg) scale(1);
                                                 opacity: 0.65;
                                             }
                                             50% {
                                                 transform: rotateY(90deg) scale(0.96);
                                                 opacity: 0.3;
                                             }
                                             100% {
                                                 transform: rotateY(0deg) scale(1);
                                                 opacity: 1;
                                             }
                                         }
                                         
                                         @keyframes luckyHitCardFlip {
                                             0% {
                                                 transform: perspective(700px) rotateY(-88deg) translateY(-4px) scale(0.96);
                                                 opacity: 0;
                                                 box-shadow: 0 0 0 rgba(20, 53, 90, 0);
                                             }
                                             55% {
                                                 transform: perspective(700px) rotateY(12deg) translateY(0) scale(1.02);
                                                 opacity: 1;
                                                 box-shadow: 0 10px 20px rgba(20, 53, 90, 0.18);
                                             }
                                             100% {
                                                 transform: perspective(700px) rotateY(0deg) translateY(0) scale(1);
                                                 opacity: 1;
                                                 box-shadow: 0 4px 10px rgba(20, 53, 90, 0.12);
                                             }
                                         }
                                         
                                         @keyframes luckyHitPopup {
                                             from {
                                                 transform: translateY(10px) scale(0.96);
                                                 opacity: 0;
                                             }
                                             to {
                                                 transform: translateY(0) scale(1);
                                                 opacity: 1;
                                             }
                                         }
                                         
                                         @media (max-width: 480px) {
                                             .lucky-hit-board {
                                                 grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
                                                 gap: 6px;
                                             }
                                             .lucky-hit-avatar {
                                                 width: 38px;
                                                 height: 46px;
                                                 transform: none;
                                             }
                                             .lucky-hit-cards {
                                                 gap: 3px;
                                             }
                                             .lucky-hit-board .lucky-hit-cards {
                                                 gap: 4px;
                                             }
                                             .lucky-hit-round-bets-head {
                                                 flex-direction: column;
                                             }
                                             .lucky-hit-round-bets-meta {
                                                 text-align: left;
                                             }
                                             .lucky-hit-round-bets-grid {
                                                 grid-template-columns: 1fr;
                                             }
                                             .lucky-hit-amount-row {
                                                 grid-template-columns: 1fr 72px 72px;
                                             }
                                             .lucky-hit-timer-bar {
                                                 padding: 7px 12px;
                                             }
                                             .teen-card {
                                                 width: 28px;
                                                 height: 44px;
                                                 font-size: 12px;
                                             }
                                             .lucky-hit-board .teen-card {
                                                 width: 24px;
                                                 height: 36px;
                                             }
                                             .lucky-hit-board .teen-card-rank {
                                                 font-size: 9px;
                                             }
                                             .lucky-hit-board .teen-card-suit {
                                                 font-size: 8px;
                                             }
                                             .lucky-hit-board .teen-card-center-suit {
                                                 font-size: 16px;
                                             }
                                             .mini-hit-card {
                                                 width: 28px;
                                                 height: 44px;
                                             }
                                             .lucky-hit-score {
                                                 font-size: 12px;
                                             }
                                             .lucky-hit-score-center {
                                                 font-size: 15px;
                                             }
                                             .lucky-hit-name,
                                             .lucky-hit-hand-type,
                                             .lucky-hit-board-result {
                                                 font-size: 11px;
                                             }
                                             .lucky-hit-vs {
                                                 font-size: 22px;
                                             }
                                             .lucky-hit-center {
                                                 padding-top: 10px;
                                                 gap: 2px;
                                             }
                                             .lucky-hit-odds-item {
                                                 grid-template-columns: 1fr auto;
                                             }
                                             .lucky-hit-odds-item .teen-card-row {
                                                 grid-column: 1 / -1;
                                             }
                                         }
                                         
                                         .lucky-hit-record-arrow {
                                             position: relative;
                                             width: 22px;
                                             height: 22px;
                                             border: 0;
                                             background: transparent;
                                         }
                                         
                                         .lucky-hit-record-arrow::before {
                                             content: "";
                                             position: absolute;
                                             left: 5px;
                                             top: 3px;
                                             width: 8px;
                                             height: 8px;
                                             border-right: 3px solid #8b8b8b;
                                             border-bottom: 3px solid #8b8b8b;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .transaction-item {
                                             grid-template-columns: 46px minmax(0, 1fr) auto;
                                             align-items: center;
                                         }
                                         
                                         .transaction-status-icon {
                                             width: 44px;
                                             height: 44px;
                                             display: grid;
                                             place-items: center;
                                             border-radius: 50%;
                                             color: #fff;
                                             font-size: 22px;
                                             font-weight: 700;
                                             line-height: 1;
                                         }
                                         
                                         .transaction-item.loss .transaction-status-icon {
                                             background: #ff4d3a;
                                         }
                                         
                                         .transaction-item.win .transaction-status-icon {
                                             background: #4cb74c;
                                         }
                                         
                                         .transaction-balance,
                                         .transaction-amount {
                                             margin: 0;
                                         }
                                         
                                         .transaction-balance {
                                             margin-top: 4px;
                                             color: #7d7d7d;
                                             font-size: 14px;
                                         }
                                         
                                         .transaction-amount {
                                             font-size: 18px;
                                             font-weight: 700;
                                             white-space: nowrap;
                                         }
                                         
                                         .transaction-amount.negative {
                                             color: #ff2b1f;
                                         }
                                         
                                         .transaction-amount.positive {
                                             color: #149a27;
                                         }
                                         
                                         .add-bank-frame {
                                             min-height: 100vh;
                                             background: #fff;
                                         }
                                         
                                         .bank-card-frame {
                                             min-height: 100vh;
                                             background: #f5f5f5;
                                             display: flex;
                                             flex-direction: column;
                                         }
                                         
                                         .bank-card-frame .bottom-nav {
                                             margin-top: auto;
                                         }
                                         
                                         .bank-card-add-top {
                                             position: relative;
                                             width: 28px;
                                             height: 28px;
                                             border: 0;
                                             background: transparent;
                                             cursor: pointer;
                                         }
                                         
                                         .bank-card-add-top span,
                                         .bank-card-add-top span::before {
                                             content: "";
                                             position: absolute;
                                             left: 4px;
                                             top: 12px;
                                             width: 18px;
                                             height: 3px;
                                             background: #fff;
                                             border-radius: 999px;
                                         }
                                         
                                         .bank-card-add-top span::before {
                                             left: 0;
                                             top: 0;
                                             transform: rotate(90deg);
                                         }
                                         
                                         .bank-card-list-shell {
                                             padding: 8px;
                                             flex: 1 1 auto;
                                         }
                                         
                                         .bank-card-list-card {
                                             background: #fff;
                                             border: 1px solid #e9e9e9;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                         }
                                         
                                         .bank-card-row {
                                             display: grid;
                                             grid-template-columns: 48px minmax(0, 1fr) 48px;
                                             gap: 14px;
                                             align-items: center;
                                             padding: 14px 18px;
                                             position: relative;
                                         }
                                         
                                         .bank-card-row.is-selected {
                                             background: #f2faff;
                                         }
                                         
                                         .bank-card-row+.bank-card-row {
                                             border-top: 1px solid #ececec;
                                         }
                                         
                                         .bank-card-icon-round,
                                         .bank-card-tool-round {
                                             position: relative;
                                             width: 40px;
                                             height: 40px;
                                             border-radius: 50%;
                                             background: #46a5f0;
                                         }
                                         
                                         .bank-card-icon-round::before,
                                         .bank-card-icon-round::after,
                                         .bank-card-tool-round::before,
                                         .bank-card-tool-round::after {
                                             content: "";
                                             position: absolute;
                                         }
                                         
                                         .bank-card-icon-round::before {
                                             left: 9px;
                                             top: 11px;
                                             width: 22px;
                                             height: 14px;
                                             border: 3px solid #fff;
                                             border-radius: 2px;
                                         }
                                         
                                         .bank-card-icon-round::after {
                                             left: 9px;
                                             top: 17px;
                                             width: 22px;
                                             height: 3px;
                                             background: #fff;
                                         }
                                         
                                         .bank-card-tool-round::before {
                                             left: 10px;
                                             top: 9px;
                                             width: 20px;
                                             height: 20px;
                                             border-radius: 50%;
                                             border: 6px solid #fff;
                                             border-right-color: transparent;
                                             transform: rotate(45deg);
                                         }
                                         
                                         .bank-card-tool-round::after {
                                             right: 9px;
                                             bottom: 10px;
                                             width: 8px;
                                             height: 16px;
                                             background: #fff;
                                             transform: rotate(45deg);
                                             border-radius: 3px;
                                         }
                                         
                                         .bank-card-main {
                                             min-width: 0;
                                             cursor: pointer;
                                         }
                                         
                                         .bank-card-main:focus-visible {
                                             outline: 2px solid #46a5f0;
                                             outline-offset: 4px;
                                         }
                                         
                                         .bank-card-name,
                                         .bank-card-number {
                                             margin: 0;
                                         }
                                         
                                         .bank-card-name {
                                             color: #222;
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .bank-card-number {
                                             margin-top: 4px;
                                             color: #737373;
                                             font-size: 16px;
                                         }
                                         
                                         .bank-card-tool-wrap {
                                             position: relative;
                                             display: grid;
                                             place-items: center;
                                         }
                                         
                                         .bank-card-tool-menu {
                                             position: absolute;
                                             top: 46px;
                                             right: 0;
                                             z-index: 5;
                                             min-width: 108px;
                                             padding: 6px 0;
                                             border: 1px solid #e6e6e6;
                                             border-radius: 12px;
                                             background: #fff;
                                             box-shadow: 0 10px 22px rgba(15, 23, 42, 0.16);
                                         }
                                         
                                         .bank-card-action-btn {
                                             display: block;
                                             width: 100%;
                                             min-height: 38px;
                                             padding: 0 14px;
                                             border: 0;
                                             background: transparent;
                                             color: #333;
                                             font-size: 14px;
                                             font-weight: 600;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .bank-card-action-btn:hover {
                                             background: #f6faff;
                                         }
                                         
                                         .bank-card-action-btn.danger {
                                             color: #d9271c;
                                         }
                                         
                                         .add-bank-content {
                                             padding: 24px 24px 10px;
                                         }
                                         
                                         .line-field {
                                             display: block;
                                             margin-bottom: 30px;
                                         }
                                         
                                         .line-field span {
                                             display: block;
                                             color: #7d7d7d;
                                             font-size: 18px;
                                             font-weight: 500;
                                         }
                                         
                                         .line-field input {
                                             width: 100%;
                                             margin-top: 4px;
                                             padding: 0 0 8px;
                                             border: 0;
                                             border-bottom: 1px solid #bcbcbc;
                                             outline: 0;
                                             color: #222;
                                             font-size: 16px;
                                             background: transparent;
                                         }
                                         
                                         .form-feedback {
                                             margin: 0 0 16px;
                                             color: #d11f1f;
                                             font-size: 14px;
                                             font-weight: 500;
                                         }
                                         
                                         .add-bank-continue {
                                             display: block;
                                             width: min(100%, 300px);
                                             min-height: 54px;
                                             margin: 18px auto 12px;
                                             border: 0;
                                             background: linear-gradient(180deg, #1794da 0%, #118ccc 100%);
                                             color: #fff;
                                             font-size: 18px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
                                             cursor: pointer;
                                         }
                                         
                                         .recharge-note-icon {
                                             display: grid;
                                             place-items: center;
                                             width: 24px;
                                             height: 24px;
                                             margin-top: 4px;
                                             color: #9e5d00;
                                             font-size: 34px;
                                             line-height: 1;
                                         }
                                         
                                         .recharge-note p {
                                             margin: 0;
                                             font-size: 15px;
                                             line-height: 1.4;
                                         }
                                         
                                         .recharge-content {
                                             padding: 10px;
                                         }
                                         
                                         .recharge-card {
                                             background: #fff;
                                             border: 1px solid #ececec;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                             padding: 18px 20px 22px;
                                         }
                                         
                                         .recharge-help {
                                             margin: 0;
                                             color: #f31c19;
                                             text-align: center;
                                             font-size: 18px;
                                             font-weight: 700;
                                         }
                                         
                                         .recharge-balance {
                                             margin: 18px 0 24px;
                                             color: #222;
                                             text-align: center;
                                             font-size: 34px;
                                             font-weight: 400;
                                         }
                                         
                                         .recharge-amount-field {
                                             margin: 0 auto 24px;
                                         }
                                         
                                         .amount-grid {
                                             display: grid;
                                             grid-template-columns: repeat(4, minmax(0, 1fr));
                                             gap: 14px 18px;
                                             padding-bottom: 28px;
                                             border-bottom: 1px solid #e8e8e8;
                                         }
                                         
                                         .amount-chip {
                                             min-height: 48px;
                                             border: 0;
                                             background: #dcdcdc;
                                             color: #222;
                                             font-size: 18px;
                                             font-weight: 500;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                             cursor: pointer;
                                         }
                                         
                                         .amount-chip.active {
                                             background: #439ce9;
                                             color: #fff;
                                         }
                                         
                                         .payment-block {
                                             padding-top: 18px;
                                         }
                                         
                                         .payment-label {
                                             margin: 0 0 16px;
                                             color: #6f6f6f;
                                             font-size: 17px;
                                         }
                                         
                                         .payment-option {
                                             width: 100%;
                                             display: flex;
                                             align-items: center;
                                             gap: 18px;
                                             padding: 14px 0;
                                             border: 0;
                                             background: transparent;
                                             color: #222;
                                             font-size: 18px;
                                             text-align: left;
                                             cursor: pointer;
                                         }
                                         
                                         .payment-check {
                                             position: relative;
                                             width: 22px;
                                             height: 22px;
                                             flex: 0 0 auto;
                                         }
                                         
                                         .payment-option.selected .payment-check::before,
                                         .payment-option.selected .payment-check::after {
                                             content: "";
                                             position: absolute;
                                             background: #7d7d7d;
                                             border-radius: 999px;
                                         }
                                         
                                         .payment-option.selected .payment-check::before {
                                             left: 2px;
                                             top: 12px;
                                             width: 8px;
                                             height: 3px;
                                             transform: rotate(44deg);
                                         }
                                         
                                         .payment-option.selected .payment-check::after {
                                             left: 7px;
                                             top: 9px;
                                             width: 16px;
                                             height: 3px;
                                             transform: rotate(-46deg);
                                         }
                                         
                                         .payment-check.empty::before {
                                             content: "";
                                             position: absolute;
                                             inset: 2px;
                                             border-radius: 50%;
                                             border: 2px solid transparent;
                                         }
                                         
                                         .verification-row {
                                             display: grid;
                                             grid-template-columns: minmax(0, 1fr) 142px;
                                             gap: 18px;
                                             margin-bottom: 30px;
                                         }
                                         
                                         .verification-field {
                                             margin-bottom: 0;
                                         }
                                         
                                         .otp-button {
                                             min-height: 54px;
                                             border: 1px solid #ededed;
                                             background: #fff;
                                             color: #444;
                                             font-size: 18px;
                                             font-weight: 600;
                                             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
                                             cursor: pointer;
                                         }
                                         
                                         .field-input-uppercase {
                                             text-transform: uppercase;
                                         }
                                         
                                         .inout-title,
                                         .inout-subtitle,
                                         .inout-mini {
                                             position: absolute;
                                             left: 0;
                                             right: 0;
                                             z-index: 2;
                                             margin: 0;
                                             text-align: center;
                                             font-weight: 900;
                                             text-transform: uppercase;
                                             letter-spacing: 0.01em;
                                         }
                                         
                                         .inout-title {
                                             bottom: 50px;
                                             color: #ffe35b;
                                             font-size: 34px;
                                             line-height: 0.9;
                                             text-shadow: -2px -2px 0 #5f2400, 2px 2px 0 #b44900, 4px 4px 0 rgba(61, 22, 0, 0.55);
                                         }
                                         
                                         .inout-title-small {
                                             bottom: 18px;
                                             font-size: 28px;
                                         }
                                         
                                         .inout-subtitle {
                                             bottom: 18px;
                                             color: #ffe35b;
                                             font-size: 25px;
                                             text-shadow: -2px -2px 0 #43215f, 2px 2px 0 #4d2572, 4px 4px 0 rgba(30, 10, 51, 0.45);
                                         }
                                         
                                         .inout-mini {
                                             bottom: 12px;
                                             color: #6bf2ff;
                                             font-size: 22px;
                                             text-shadow: -2px -2px 0 #00354a, 2px 2px 0 #005c79;
                                         }
                                         
                                         .inout-art-chicken-2 {
                                             background: linear-gradient(180deg, #ff7f00 0%, #fa4200 42%, #dc1434 100%);
                                         }
                                         
                                         .inout-art-chicken {
                                             background: linear-gradient(180deg, #ff2a7b 0%, #f8306a 46%, #d51a56 100%);
                                         }
                                         
                                         .inout-art-penalty {
                                             background: linear-gradient(180deg, #80d7ff 0%, #4ca8e0 24%, #3c9dc8 42%, #51771f 100%);
                                         }
                                         
                                         .inout-art-forest {
                                             background: linear-gradient(180deg, #284b79 0%, #294f70 32%, #5a6647 66%, #7c5924 100%);
                                         }
                                         
                                         .inout-art-hamster {
                                             background: linear-gradient(180deg, #8b62dc 0%, #b162d8 38%, #9a4dbd 58%, #7a5c1d 100%);
                                         }
                                         
                                         .inout-art-plinko {
                                             background: linear-gradient(180deg, #111772 0%, #1a2394 56%, #163bc4 100%);
                                         }
                                         
                                         .cityline {
                                             position: absolute;
                                             inset: 18px 18px auto 18px;
                                             height: 40px;
                                             background: linear-gradient(90deg, rgba(121, 27, 22, 0.85) 0 10%, transparent 10% 14%, rgba(121, 27, 22, 0.85) 14% 25%, transparent 25% 30%, rgba(121, 27, 22, 0.85) 30% 40%, transparent 40% 48%, rgba(121, 27, 22, 0.85) 48% 58%, transparent 58% 64%, rgba(121, 27, 22, 0.85) 64% 78%, transparent 78% 82%, rgba(121, 27, 22, 0.85) 82% 100%);
                                             opacity: 0.55;
                                         }
                                         
                                         .rocket-streak {
                                             position: absolute;
                                             top: 26px;
                                             right: 20px;
                                             width: 74px;
                                             height: 14px;
                                             background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 250, 208, 0.95));
                                             border-radius: 999px;
                                             transform: rotate(-24deg);
                                         }
                                         
                                         .rocket-streak::after {
                                             content: "";
                                             position: absolute;
                                             right: -12px;
                                             top: -3px;
                                             width: 20px;
                                             height: 20px;
                                             background: linear-gradient(135deg, #ffce53, #fff5be);
                                             clip-path: polygon(0 50%, 100% 0, 100% 100%);
                                         }
                                         
                                         .chicken-figure {
                                             position: absolute;
                                             left: 50%;
                                             top: 82px;
                                             width: 92px;
                                             height: 92px;
                                             transform: translateX(-50%) rotate(-8deg);
                                             z-index: 1;
                                         }
                                         
                                         .chicken-figure-center {
                                             top: 72px;
                                             transform: translateX(-50%) rotate(0deg);
                                         }
                                         
                                         .chicken-body,
                                         .chicken-wing,
                                         .chicken-head,
                                         .chicken-beak,
                                         .chicken-leg {
                                             position: absolute;
                                         }
                                         
                                         .chicken-body {
                                             left: 18px;
                                             top: 26px;
                                             width: 58px;
                                             height: 44px;
                                             border-radius: 50% 46% 42% 42%;
                                             background: #fff6ef;
                                             box-shadow: inset -8px -8px 0 rgba(230, 208, 197, 0.55);
                                         }
                                         
                                         .chicken-wing {
                                             left: 6px;
                                             top: 40px;
                                             width: 36px;
                                             height: 24px;
                                             border-radius: 50%;
                                             background: #f5f3ff;
                                             transform: rotate(-24deg);
                                             box-shadow: inset -5px -6px 0 rgba(211, 208, 238, 0.5);
                                         }
                                         
                                         .chicken-head {
                                             left: 46px;
                                             top: 10px;
                                             width: 28px;
                                             height: 28px;
                                             border-radius: 50%;
                                             background: #ffe44e;
                                             box-shadow: inset -5px -5px 0 rgba(220, 183, 48, 0.45);
                                         }
                                         
                                         .chicken-head::before,
                                         .chicken-head::after {
                                             content: "";
                                             position: absolute;
                                             border-radius: 50%;
                                         }
                                         
                                         .chicken-head::before {
                                             left: -4px;
                                             top: -9px;
                                             width: 14px;
                                             height: 12px;
                                             background: #d63538;
                                         }
                                         
                                         .chicken-head::after {
                                             left: 10px;
                                             top: 9px;
                                             width: 6px;
                                             height: 6px;
                                             background: #342222;
                                         }
                                         
                                         .chicken-beak {
                                             left: 67px;
                                             top: 20px;
                                             width: 14px;
                                             height: 10px;
                                             background: #ff9130;
                                             clip-path: polygon(0 50%, 100% 0, 100% 100%);
                                         }
                                         
                                         .chicken-leg {
                                             bottom: 10px;
                                             width: 4px;
                                             height: 18px;
                                             background: #f39c22;
                                         }
                                         
                                         .leg-left {
                                             left: 42px;
                                             transform: rotate(16deg);
                                         }
                                         
                                         .leg-right {
                                             left: 56px;
                                             transform: rotate(-10deg);
                                         }
                                         
                                         .coin-drift {
                                             position: absolute;
                                             width: 18px;
                                             height: 18px;
                                             border-radius: 50%;
                                             background: radial-gradient(circle at 30% 30%, #fff3a6 0%, #ffd757 40%, #ef9f00 100%);
                                             box-shadow: inset 0 -3px 0 rgba(145, 84, 0, 0.3);
                                         }
                                         
                                         .coin-drift::after {
                                             content: "";
                                             position: absolute;
                                             inset: 4px;
                                             border: 2px solid rgba(180, 100, 0, 0.55);
                                             border-radius: 50%;
                                         }
                                         
                                         .drift-left {
                                             left: 20px;
                                             top: 34px;
                                             transform: rotate(-26deg);
                                         }
                                         
                                         .drift-right {
                                             right: 16px;
                                             top: 28px;
                                             transform: rotate(18deg);
                                         }
                                         
                                         .drift-top {
                                             right: 16px;
                                             top: 24px;
                                         }
                                         
                                         .stadium-net {
                                             position: absolute;
                                             inset: 0;
                                             background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 22px), linear-gradient(rgba(255, 255, 255, 0.22) 0 2px, transparent 2px 22px);
                                             background-size: 24px 24px;
                                             opacity: 0.45;
                                         }
                                         
                                         .goalie-head,
                                         .goalie-body,
                                         .goalie-arm,
                                         .goalie-leg,
                                         .football {
                                             position: absolute;
                                             z-index: 1;
                                         }
                                         
                                         .goalie-head {
                                             left: 50%;
                                             top: 28px;
                                             width: 28px;
                                             height: 28px;
                                             transform: translateX(-50%);
                                             border-radius: 50%;
                                             background: #7a4f34;
                                         }
                                         
                                         .goalie-body {
                                             left: 50%;
                                             top: 54px;
                                             width: 52px;
                                             height: 74px;
                                             transform: translateX(-50%);
                                             border-radius: 18px 18px 10px 10px;
                                             background: linear-gradient(180deg, #17262f 0%, #0f151a 100%);
                                         }
                                         
                                         .goalie-arm {
                                             top: 68px;
                                             width: 16px;
                                             height: 54px;
                                             background: linear-gradient(180deg, #17262f 0%, #0f151a 100%);
                                             border-radius: 999px;
                                         }
                                         
                                         .arm-left {
                                             left: 28px;
                                             transform: rotate(28deg);
                                         }
                                         
                                         .arm-right {
                                             right: 28px;
                                             transform: rotate(-28deg);
                                         }
                                         
                                         .goalie-leg {
                                             top: 118px;
                                             width: 18px;
                                             height: 58px;
                                             background: linear-gradient(180deg, #17262f 0%, #0f151a 100%);
                                             border-radius: 999px;
                                         }
                                         
                                         .kick-left {
                                             left: 44px;
                                             transform: rotate(12deg);
                                         }
                                         
                                         .kick-right {
                                             right: 44px;
                                             transform: rotate(-12deg);
                                         }
                                         
                                         .football {
                                             left: 50%;
                                             top: 96px;
                                             width: 44px;
                                             height: 44px;
                                             transform: translateX(-50%);
                                             border-radius: 50%;
                                             background: radial-gradient(circle at 40% 35%, #ffffff 0%, #ececec 66%, #cfcfcf 100%);
                                             box-shadow: 0 8px 12px rgba(0, 0, 0, 0.18);
                                         }
                                         
                                         .football::before {
                                             content: "";
                                             position: absolute;
                                             inset: 10px;
                                             background: #1e1e1e;
                                             clip-path: polygon(50% 0, 100% 35%, 82% 100%, 18% 100%, 0 35%);
                                         }
                                         
                                         .forest-bg {
                                             position: absolute;
                                             inset: 0;
                                             background: radial-gradient(circle at 70% 22%, rgba(255, 255, 255, 0.14), transparent 20%), linear-gradient(135deg, transparent 0 40%, rgba(255, 255, 255, 0.18) 40% 46%, transparent 46%), linear-gradient(180deg, rgba(17, 72, 101, 0.35) 0%, transparent 26%);
                                         }
                                         
                                         .target-board {
                                             position: absolute;
                                             left: 50%;
                                             top: 48px;
                                             width: 92px;
                                             height: 92px;
                                             transform: translateX(-50%) rotate(8deg);
                                             border-radius: 50%;
                                             background: radial-gradient(circle, #ffb131 0 12%, #9a5320 12% 22%, #ffd975 22% 34%, #a75f2b 34% 46%, #ffe7a4 46% 58%, #8a5024 58% 70%, #f5d28d 70% 100%);
                                             box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
                                         }
                                         
                                         .target-board::after {
                                             content: "x1000";
                                             position: absolute;
                                             left: 22px;
                                             top: 34px;
                                             padding: 3px 6px;
                                             border-radius: 999px;
                                             background: #ef4a1f;
                                             color: #fff;
                                             font-size: 11px;
                                             font-weight: 800;
                                             transform: rotate(12deg);
                                         }
                                         
                                         .arrow-shot {
                                             position: absolute;
                                             left: 28px;
                                             top: 86px;
                                             width: 94px;
                                             height: 8px;
                                             background: linear-gradient(90deg, #8e5a1f 0%, #f2d272 100%);
                                             transform: rotate(18deg);
                                             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);
                                         }
                                         
                                         .arrow-shot::before {
                                             content: "";
                                             position: absolute;
                                             left: -10px;
                                             top: -4px;
                                             width: 16px;
                                             height: 16px;
                                             background: #49c24f;
                                             clip-path: polygon(0 50%, 100% 0, 100% 100%);
                                         }
                                         
                                         .arrow-shot::after {
                                             content: "";
                                             position: absolute;
                                             right: -12px;
                                             top: -4px;
                                             width: 16px;
                                             height: 16px;
                                             background: #d5cfbf;
                                             clip-path: polygon(0 0, 100% 50%, 0 100%);
                                         }
                                         
                                         .hamster-body,
                                         .hamster-face,
                                         .hamster-ear,
                                         .hamster-tail {
                                             position: absolute;
                                             z-index: 1;
                                         }
                                         
                                         .hamster-body {
                                             left: 50%;
                                             top: 58px;
                                             width: 88px;
                                             height: 72px;
                                             transform: translateX(-50%);
                                             border-radius: 50% 52% 42% 42%;
                                             background: linear-gradient(180deg, #ff9a47 0%, #f76d20 100%);
                                             box-shadow: inset -10px -10px 0 rgba(191, 83, 21, 0.38);
                                         }
                                         
                                         .hamster-face {
                                             left: 50%;
                                             top: 74px;
                                             width: 44px;
                                             height: 38px;
                                             transform: translateX(-50%);
                                             border-radius: 50%;
                                             background: #fff2dc;
                                         }
                                         
                                         .hamster-face::before,
                                         .hamster-face::after {
                                             content: "";
                                             position: absolute;
                                             width: 5px;
                                             height: 5px;
                                             top: 14px;
                                             border-radius: 50%;
                                             background: #2d1d1d;
                                         }
                                         
                                         .hamster-face::before {
                                             left: 12px;
                                         }
                                         
                                         .hamster-face::after {
                                             right: 12px;
                                         }
                                         
                                         .hamster-ear {
                                             top: 48px;
                                             width: 22px;
                                             height: 22px;
                                             border-radius: 50%;
                                             background: #ff944b;
                                         }
                                         
                                         .ear-left {
                                             left: 42px;
                                         }
                                         
                                         .ear-right {
                                             right: 42px;
                                         }
                                         
                                         .hamster-tail {
                                             right: 26px;
                                             top: 44px;
                                             width: 22px;
                                             height: 56px;
                                             border-radius: 999px;
                                             background: linear-gradient(180deg, #ffbc67 0%, #e48e25 100%);
                                             transform: rotate(24deg);
                                         }
                                         
                                         .torch,
                                         .aztec-gate,
                                         .aztec-eyes {
                                             position: absolute;
                                             z-index: 1;
                                         }
                                         
                                         .torch {
                                             top: 52px;
                                             width: 10px;
                                             height: 38px;
                                             border-radius: 8px;
                                             background: linear-gradient(180deg, #774617 0%, #402109 100%);
                                         }
                                         
                                         .torch::before {
                                             content: "";
                                             position: absolute;
                                             top: -10px;
                                             left: -4px;
                                             width: 18px;
                                             height: 18px;
                                             background: radial-gradient(circle at 50% 60%, #ffb63f 0%, #ff6f18 58%, rgba(255, 111, 24, 0) 70%);
                                         }
                                         
                                         .torch-left {
                                             left: 20px;
                                         }
                                         
                                         .torch-right {
                                             right: 20px;
                                         }
                                         
                                         .aztec-gate {
                                             left: 50%;
                                             top: 34px;
                                             width: 86px;
                                             height: 110px;
                                             transform: translateX(-50%);
                                             border-radius: 40px 40px 18px 18px;
                                             background: linear-gradient(180deg, #d6ab4a 0%, #a97820 100%);
                                             box-shadow: inset -8px -12px 0 rgba(118, 78, 8, 0.35), 0 12px 16px rgba(0, 0, 0, 0.24);
                                         }
                                         
                                         .aztec-gate::before {
                                             content: "";
                                             position: absolute;
                                             inset: 16px 22px 26px;
                                             border-radius: 16px;
                                             background: linear-gradient(180deg, #1fcbbe 0%, #1b8ca4 100%);
                                         }
                                         
                                         .aztec-eyes {
                                             left: 50%;
                                             top: 72px;
                                             width: 48px;
                                             height: 10px;
                                             transform: translateX(-50%);
                                         }
                                         
                                         .aztec-eyes::before,
                                         .aztec-eyes::after {
                                             content: "";
                                             position: absolute;
                                             top: 0;
                                             width: 12px;
                                             height: 12px;
                                             border-radius: 50%;
                                             background: #ffe15e;
                                             box-shadow: 0 0 10px rgba(255, 225, 94, 0.55);
                                         }
                                         
                                         .aztec-eyes::before {
                                             left: 8px;
                                         }
                                         
                                         .aztec-eyes::after {
                                             right: 8px;
                                         }
                                         
                                         .bottom-nav {
                                             display: grid;
                                             grid-template-columns: repeat(3, 1fr);
                                             padding: 12px 16px 10px;
                                             border-top: 1px solid #e7e7e7;
                                             background: #fff;
                                         }
                                         
                                         .nav-item {
                                             display: grid;
                                             place-items: center;
                                             gap: 4px;
                                             color: #888;
                                             text-decoration: none;
                                             font-size: 14px;
                                         }
                                         
                                         .nav-icon {
                                             font-size: 18px;
                                             width: 24px;
                                             height: 24px;
                                             display: grid;
                                             place-items: center;
                                         }
                                         
                                         .nav-item.active {
                                             color: var(--blue-strong);
                                             font-weight: 700;
                                         }
                                         
                                         @media (max-width: 600px) {
                                             .page-shell {
                                                 padding: 0;
                                             }
                                             .phone-frame {
                                                 width: 100%;
                                                 min-height: 100vh;
                                                 border: 0;
                                             }
                                             .download-strip,
                                             .topbar {
                                                 padding-left: 16px;
                                                 padding-right: 16px;
                                             }
                                             .eyebrow {
                                                 font-size: 18px;
                                             }
                                             .hero-card {
                                                 min-height: 170px;
                                                 padding: 22px 28px 24px;
                                             }
                                             .gift-box {
                                                 right: 30px;
                                                 top: 26px;
                                                 width: 110px;
                                                 height: 86px;
                                             }
                                             .gift-lid {
                                                 width: 96px;
                                             }
                                             .gift-ribbon.vertical {
                                                 left: 44px;
                                             }
                                             .section-head {
                                                 padding-left: 14px;
                                                 padding-right: 14px;
                                             }
                                             .section-head h2 {
                                                 font-size: 20px;
                                             }
                                             .view-all {
                                                 padding: 10px 14px;
                                             }
                                             .card-grid {
                                                 gap: 0;
                                             }
                                             .games-grid {
                                                 gap: 0;
                                             }
                                             .inout-grid {
                                                 gap: 6px;
                                             }
                                             .inout-copy {
                                                 font-size: 13px;
                                                 padding-left: 4px;
                                                 padding-right: 4px;
                                             }
                                             .inout-title {
                                                 font-size: 28px;
                                             }
                                             .inout-title-small {
                                                 font-size: 22px;
                                             }
                                             .inout-subtitle {
                                                 font-size: 20px;
                                             }
                                             .login-content {
                                                 padding-left: 26px;
                                                 padding-right: 26px;
                                             }
                                             .verification-row {
                                                 grid-template-columns: minmax(0, 1fr) 124px;
                                                 gap: 14px;
                                             }
                                             .mine-topbar {
                                                 padding-left: 12px;
                                                 padding-right: 12px;
                                             }
                                             .mine-topbar-actions {
                                                 gap: 12px;
                                             }
                                             .mine-balance {
                                                 font-size: 16px;
                                             }
                                             .mine-id,
                                             .mine-mobile,
                                             .mine-nick {
                                                 font-size: 16px;
                                             }
                                             .mine-mobile,
                                             .mine-nick {
                                                 font-size: 15px;
                                             }
                                             .mine-quick-item {
                                                 font-size: 14px;
                                             }
                                             .mine-menu-row {
                                                 font-size: 16px;
                                             }
                                             .recharge-note p {
                                                 font-size: 13px;
                                             }
                                             .withdrawal-topbar {
                                                 padding-left: 12px;
                                                 padding-right: 12px;
                                             }
                                             .recharge-card {
                                                 padding-left: 14px;
                                                 padding-right: 14px;
                                             }
                                             .recharge-balance {
                                                 font-size: 28px;
                                             }
                                             .amount-grid {
                                                 gap: 12px;
                                             }
                                             .amount-chip,
                                             .payment-option {
                                                 font-size: 16px;
                                             }
                                             .withdrawal-password-row {
                                                 min-height: 54px;
                                             }
                                             .record-item {
                                                 grid-template-columns: 40px minmax(0, 1fr) auto;
                                                 gap: 10px;
                                                 padding-left: 12px;
                                                 padding-right: 12px;
                                             }
                                             .record-status-icon {
                                                 width: 36px;
                                                 height: 36px;
                                                 font-size: 22px;
                                             }
                                             .record-title {
                                                 font-size: 16px;
                                             }
                                             .record-subtitle,
                                             .record-time {
                                                 font-size: 12px;
                                             }
                                             .transaction-status-icon {
                                                 width: 36px;
                                                 height: 36px;
                                                 font-size: 18px;
                                             }
                                             .transaction-balance,
                                             .transaction-amount {
                                                 font-size: 12px;
                                             }
                                             .promotion-content {
                                                 padding: 12px;
                                             }
                                             .promotion-hero-card h2 {
                                                 font-size: 34px;
                                             }
                                             .promotion-item h3 {
                                                 font-size: 20px;
                                             }
                                             .add-bank-content {
                                                 padding-left: 24px;
                                                 padding-right: 24px;
                                             }
                                             .bank-card-row {
                                                 grid-template-columns: 40px minmax(0, 1fr) 40px;
                                                 gap: 10px;
                                                 padding-left: 12px;
                                                 padding-right: 12px;
                                             }
                                             .bank-card-icon-round,
                                             .bank-card-tool-round {
                                                 width: 36px;
                                                 height: 36px;
                                             }
                                             .bank-card-tool-menu {
                                                 top: 42px;
                                                 min-width: 96px;
                                             }
                                             .bank-card-name {
                                                 font-size: 16px;
                                             }
                                             .bank-card-number {
                                                 font-size: 14px;
                                             }
                                             .line-field span {
                                                 font-size: 16px;
                                             }
                                             .amount {
                                                 font-size: 46px;
                                             }
                                             .label {
                                                 font-size: 22px;
                                             }
                                         }