.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6)}.btn{cursor:pointer;font-family:var(--body);border-radius:var(--r-sm);align-items:center;gap:var(--s2);white-space:nowrap;border:1px solid #0000;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .14s;display:inline-flex}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-600)}.btn-deposit{background:var(--up);color:#052c17}.btn-deposit:hover{filter:brightness(1.06)}.btn-orange{background:var(--g-orange);color:#fff}.btn-orange:hover{filter:brightness(1.06)}.btn-soft{background:var(--brand-tint);color:var(--brand);border-color:var(--brand-line)}.btn-outline{color:var(--text);border-color:var(--line-2);background:0 0}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:8px 13px;font-size:13px}.btn-lg{padding:14px 24px;font-size:15px}.btn-icon{background:var(--surface-2);border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);border-radius:10px;justify-content:center;padding:0}.btn-icon:hover{color:var(--brand);border-color:var(--brand-line)}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{font-family:var(--display);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.b-rtp{background:var(--surface-3);color:var(--text-muted);border:1px solid var(--line)}.b-online{color:#fff;background:#00000080}.b-online .d{background:var(--up);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #28bd7340}.b-live{background:var(--live);color:#fff}.b-new{background:var(--brand);color:var(--on-brand)}.b-mult{background:hsl(var(--brand-h) 60% 15%);color:var(--brand);border:1px solid var(--brand-line)}.chip-coin{align-items:center;gap:var(--s2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--text);padding:7px 14px 7px 8px;font-weight:600;text-decoration:none;display:inline-flex}.chip-coin .c{background:var(--up);color:#052c17;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{align-items:center;gap:var(--s2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text);padding:8px 14px;font-size:13px;font-weight:500;display:flex}.sec-head{align-items:center;gap:var(--s3);margin:var(--s6) 0 var(--s4);display:flex}.sec-head:first-child{margin-top:0}.sec-head h3{font-family:var(--display);color:var(--text);align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.sec-head h3 .fl{background:var(--brand-tint);border:1px solid var(--brand-line);width:22px;height:22px;color:var(--brand);border-radius:7px;place-items:center;display:grid}.sec-head .r{gap:var(--s2);align-items:center;margin-left:auto;display:flex}.seeall{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none}.field{margin-bottom:var(--s4)}.field label{color:var(--text-muted);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.input{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;padding:11px 14px;font-size:14px}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.input-icon{position:relative}.input-icon .ic{color:var(--text-subtle);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-icon .input{padding-left:38px}.textarea{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;resize:vertical;min-height:84px;padding:11px 14px;font-size:14px}.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.select{position:relative}.select select{appearance:none;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;padding:11px 38px 11px 14px;font-size:14px}.select select:focus{border-color:var(--brand);outline:none}.select .chev{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}label.check{align-items:center;gap:var(--s3);color:var(--text);cursor:pointer;margin-bottom:var(--s3);font-size:14px;display:flex}.check .box{border:1.5px solid var(--line-2);background:var(--surface-2);color:#0000;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.check.on .box{background:var(--brand);color:#fff;border-color:#0000}label.radio{align-items:center;gap:var(--s3);color:var(--text);cursor:pointer;margin-bottom:var(--s3);font-size:14px;display:flex}.radio .dot{border:1.5px solid var(--line-2);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.radio.on .dot{border-color:var(--brand)}.radio.on .dot:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.switch{background:var(--surface-3);cursor:pointer;border:1px solid var(--line-2);border-radius:99px;width:46px;height:26px;position:relative}.switch:after{content:"";background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:all .16s;position:absolute;top:2px;left:2px}.switch.on{background:var(--brand);border-color:#0000}.switch.on:after{background:#fff;left:22px}.segment{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;display:inline-flex}.segment button{color:var(--text-muted);font:inherit;border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.segment button.on{background:var(--brand);color:#fff}.amount{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);align-items:center;padding:0 14px;display:flex}.amount:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.amount .cur{font-family:var(--display);color:var(--text-subtle);font-size:14px}.amount input{color:var(--text);font:inherit;font-family:var(--display);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1;padding:12px 10px;font-size:16px}.amount input:focus{outline:none}.amount .max{font:600 12px var(--body);color:var(--brand);background:var(--brand-tint);border:1px solid var(--brand-line);cursor:pointer;border-radius:7px;padding:5px 10px}.ava{background:var(--surface-3);border-radius:50%;flex:none;width:38px;height:38px;position:relative}.ava.on:after{content:"";background:var(--up);border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.ava.sq{border-radius:10px}.chat-msg{padding:var(--s3);border-radius:var(--r);background:var(--surface);gap:11px;display:flex}.chat-msg .body{flex:1}.chat-msg .head{align-items:center;gap:var(--s2);margin-bottom:3px;display:flex}.chat-msg .name{color:var(--brand);font-size:13px;font-weight:600}.chat-msg .time{color:var(--text-subtle);margin-left:auto;font-size:11px}.chat-msg .txt{color:var(--text-muted);font-size:13px;line-height:1.45}.tiles{gap:var(--s4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:760px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{border-radius:var(--r-lg);padding:var(--s4);color:#fff;cursor:pointer;flex-direction:column;min-height:150px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-3px)}.tile h4{font-family:var(--display);font-size:18px;font-weight:700}.tile .orig{opacity:.8;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.tile .art3d{filter:blur(1px);background:#ffffff29;border-radius:50%;width:70px;height:70px;position:absolute;bottom:8px;right:10px}.slots-row{gap:var(--s4);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:760px){.slots-row{grid-template-columns:repeat(2,1fr)}}.gcard{border-radius:var(--r);aspect-ratio:266/174;background:var(--surface-3);cursor:pointer;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.gcard:hover{box-shadow:var(--e-brand);transform:translateY(-3px)}.gcard .art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gcard .art-txt{text-align:center;padding:var(--s3);font-family:var(--display);color:#fff;text-shadow:0 2px 12px #000000b3;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.gcard .top{justify-content:space-between;display:flex;position:absolute;top:8px;left:8px;right:8px}.gcard .foot{font-family:var(--display);font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#000000d1);justify-content:space-between;align-items:center;padding:9px 11px;display:flex;position:absolute;bottom:0;left:0;right:0}.gcard .foot .rtp{color:#dfe4ee;font-size:12px;font-weight:600}.gcard .foot .jp{color:#ffe08a;font-variant-numeric:tabular-nums;text-shadow:0 1px 5px #000000d9;font-size:11.5px;font-weight:800}.gcard .foot .go{background:var(--brand);color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.gcard .play{background:var(--brand);color:#fff;width:46px;height:46px;box-shadow:var(--e-brand);opacity:0;border-radius:50%;place-items:center;margin:auto;transition:all .15s;display:grid;position:absolute;inset:0}.gcard:hover .play{opacity:1}.match-row{gap:var(--s4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:760px){.match-row{grid-template-columns:1fr}}.match{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4)}.match .mh{align-items:center;gap:9px;margin-bottom:4px;display:flex}.match .mh .g{font-family:var(--display);color:var(--text);font-size:15px;font-weight:600}.match .mh .b-live{margin-left:auto}.match .league{color:var(--text-subtle);margin-bottom:13px;font-size:12px}.match .teams{align-items:center;gap:var(--s4);margin-bottom:var(--s4);display:flex}.match .scores{font-family:var(--display);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;font-size:20px;font-weight:700;display:flex}.match .scores .hi{color:var(--text)}.match .tnames{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.match .tnames .t{color:var(--text);align-items:center;gap:9px;font-size:13px;display:flex}.match .tnames .t .lg{background:var(--surface-3);border-radius:5px;flex:none;width:20px;height:20px}.match .clock{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.odds{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.odds.three{grid-template-columns:repeat(3,1fr)}.odds .o{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:9px 13px;transition:all .14s;display:flex}.odds.three .o{flex-direction:column;gap:2px;padding:8px 10px}.odds .o:hover{border-color:var(--brand);color:var(--brand)}.odds .o .k{color:var(--text-subtle);font-size:12px}.odds .o .v{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.race{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);position:relative;overflow:hidden}.race:before{content:"";background:radial-gradient(400px 160px at 50% -30%, var(--brand-glow), transparent 70%);pointer-events:none;position:absolute;inset:0}.race-head{align-items:center;gap:var(--s3);display:flex;position:relative}.race-head h3{font-family:var(--display);letter-spacing:.02em;color:var(--text);font-size:20px}.race-head .b-live{margin-left:auto}.race-prog{background:var(--surface-3);height:6px;margin:var(--s4) 0 18px;border-radius:99px;overflow:hidden}.race-prog>i{background:linear-gradient(90deg, var(--brand-700), var(--brand));border-radius:99px;height:100%;display:block}.tiers{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.tier{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);text-align:center;padding:14px 12px}.tier.lead{border-color:var(--brand-line);background:linear-gradient(180deg, var(--brand-tint), var(--surface-2))}.tier .rank{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);font-size:11px;font-weight:600}.tier.lead .rank{color:var(--brand)}.tier .amt{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--text);margin:8px 0 2px;font-size:22px;font-weight:700}.tier .cur{color:var(--text-subtle);font-size:11px}.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.board-head{align-items:center;gap:var(--s3);border-bottom:1px solid var(--line);padding:15px 18px;display:flex}.board-head h3{font-family:var(--display);color:var(--text);font-size:16px}.board-head .timer{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--brand);margin-left:auto;font-size:14px;font-weight:600}.brow{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:12px 18px;display:flex}.brow:last-child{border-bottom:none}.brow .rk{background:var(--surface-3);width:24px;height:24px;color:var(--text-muted);font-family:var(--display);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.brow.top .rk{background:var(--brand);color:#fff}.brow .who{color:var(--text-muted);flex:1;font-size:13px}.brow .amt{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--up);font-weight:700}.tabs{margin-bottom:var(--s4);gap:6px;display:flex}.tabs button{color:var(--text-muted);font:inherit;border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:8px 15px;font-size:13px;font-weight:600}.tabs button.on{background:var(--surface-2);color:var(--text)}.tbl{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;overflow:hidden}.tbl th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--line);padding:12px 16px;font-size:11px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);color:var(--text-muted);padding:13px 16px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--surface-2)}.tbl .num{color:var(--text);font-family:var(--display);font-variant-numeric:tabular-nums}.tbl .pay{color:var(--up);font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600}.tbl-scroll{overflow-x:auto}.promo{gap:var(--s4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:760px){.promo{grid-template-columns:1fr}}.pcard{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden}.pcard .p-banner{background:linear-gradient(135deg, var(--brand-700), var(--brand));height:118px;font-family:var(--display);color:#fff;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:relative}.pcard .p-body{padding:15px}.pcard .p-body h4{font-family:var(--display);color:var(--text);margin-bottom:5px;font-size:15px}.pcard .p-body p{color:var(--text-muted);margin-bottom:13px;font-size:12.5px}.icon-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.icon-cell{padding:var(--s4) 8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--text);flex-direction:column;align-items:center;gap:9px;text-decoration:none;display:flex}.icon-cell .icon{width:40px;height:40px}.icon-cell span{font-family:var(--display);color:var(--text-subtle);font-size:11px}.icon-cell:hover{color:var(--brand);border-color:var(--brand-line)}.modal-scrim{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--s5);background:#04070cb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--e2);overflow:hidden}.modal-hd{align-items:center;gap:var(--s3);border-bottom:1px solid var(--line);padding:18px 20px;display:flex}.modal-hd h3{font-family:var(--display);color:var(--text);font-size:18px}.modal-hd .x{background:var(--surface-2);border:1px solid var(--line);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:9px;place-items:center;margin-left:auto;display:grid}.modal-hd .x:hover{color:var(--text)}.modal-bd{padding:20px}.modal-bd p{color:var(--text-muted);margin-bottom:var(--s4);font-size:14px}.modal-ft{gap:var(--s3);justify-content:flex-end;padding:0 20px 20px;display:flex}