@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f4f7ff;background:#050d16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 38%,#12304a,#071522 43%,#030912);color:#f6f7fb}button,input{font:inherit;color:inherit}button{cursor:pointer}.app-shell{max-width:760px;margin:0 auto;min-height:100vh;padding:14px 14px 24px;overflow:hidden;background:linear-gradient(180deg,#050f1bc7,#030a13f0)}.topbar{height:68px;display:flex;align-items:center;gap:10px;padding:0 4px 10px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid #d6a83e;border-radius:50%;color:#ffdc69;box-shadow:0 0 15px #d79b2866}.brand-copy{display:flex;flex-direction:column;line-height:1.05;flex:1}.brand-copy strong{font-size:21px;color:#ffe080;text-shadow:0 0 12px #ffc64d55}.brand-copy span{font-size:10px;letter-spacing:2px;color:#e7bd5c;font-weight:800}.top-actions{display:flex;gap:4px}.icon-btn{border:0;background:transparent;padding:7px;color:#f5f7ff;display:grid;place-items:center}.icon-btn svg{width:22px;height:22px}.panel,.gold-panel{background:linear-gradient(140deg,#081c2ef7,#030e1afa);border:1px solid #31516a;border-radius:15px;box-shadow:inset 0 0 0 1px #ffffff08,0 5px 16px #0005}.identity{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 12px;margin-bottom:12px;border-color:#6c592e;gap:8px}.identity-side{display:flex;align-items:center;gap:8px;min-width:0}.identity-side+.identity-side{border-left:1px solid #31465a;padding-left:12px}.avatar{width:39px;height:39px;border-radius:50%;border:1px solid #60748a;background:#11253a;display:grid;place-items:center;color:#cbd9ef;flex-shrink:0}.avatar svg{width:23px}.identity-side>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.identity-side small,.profile-card small{font-size:10px;color:#9eafc3}.identity-side strong,.profile-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-copy{background:none;border:0;color:#f5cc58;padding:2px;display:inline-flex;vertical-align:middle}.balance-row{display:grid;grid-template-columns:1.7fr repeat(3,.72fr);gap:7px;margin-bottom:14px}.points-card{display:flex;align-items:center;padding:9px;gap:8px;border-color:#d4a83d;min-width:0}.coin-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#ffdb64,#b77b11);color:#fff4b4;box-shadow:0 0 0 2px #805b14;flex-shrink:0}.points-label{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.points-label span{font-size:11px;display:flex;align-items:center;gap:5px}.points-label strong{font-size:17px;white-space:nowrap}.points-label em,.potential-win em{font-style:normal;color:#ffcd42;font-size:.88em}.square-gold{width:36px;height:36px;flex-shrink:0;border:0;border-radius:8px;background:linear-gradient(#ffe277,#e6a924);color:#15100a;display:grid;place-items:center}.action-tile{background:linear-gradient(145deg,#0c2237,#071421);border:1px solid #34516a;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;min-width:0}.action-tile svg{width:19px;height:19px;color:#ffcf4e}.action-tile strong{font-size:10px}.round-row{display:grid;grid-template-columns:.9fr 1.55fr .9fr;gap:8px;align-items:center;margin:15px 0 8px}.round-chip{border:1px solid #b38c36;background:#040c15;border-radius:12px;padding:9px 4px;text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0}.round-chip small,.timer-card span{font-size:10px;color:#f0f1f5}.round-chip strong{font-size:13px}.round-chip b{font-size:10px;color:#ffda5d}.timer-card{padding:8px 12px;text-align:center;border-color:#b68d39}.timer-card span{display:block}.timer-card>strong{display:block;font-size:30px;line-height:1.2;color:#ffdc62;font-weight:900}.timer-track{height:8px;border-radius:20px;background:#172b3d;border:1px solid #3b4b59;overflow:hidden;margin-top:7px}.timer-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ffe47b,#e9a719);transition:width .2s}.bet-colors{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 7% 25px;background:radial-gradient(ellipse at 50% 100%,#d69a1d22,transparent 62%)}.color-choice{aspect-ratio:1;width:100%;max-width:245px;justify-self:center;border-radius:50%;display:grid;place-items:center;border:7px solid #c89a29;box-shadow:0 0 0 3px #1a1b1a,0 0 0 6px #e7bb4a,0 8px #6c4a0e,0 14px 24px #000b,inset 0 0 0 5px #ffffff20;transition:transform .15s}.color-choice span{font-size:clamp(20px,4.8vw,35px);font-weight:900;text-shadow:0 2px 3px #0008}.color-choice.red{background:radial-gradient(circle at 35% 25%,#ff6262,#f20e13 42%,#870006 77%,#4c0004)}.color-choice.green{background:radial-gradient(circle at 35% 25%,#61ff8e,#04db48 40%,#00852b 76%,#004c1a)}.color-choice.chosen{transform:translateY(-4px) scale(1.035);outline:3px solid #fff1a8;outline-offset:6px;filter:brightness(1.15)}.bet-panel{padding:12px;margin-bottom:12px}.bet-top{display:grid;grid-template-columns:1.8fr .9fr;gap:9px}.amount-box label{font-size:12px;display:block;margin:2px 0 8px 4px;font-weight:600}.amount-control{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;border:1px solid #435568;border-radius:10px;overflow:hidden;background:#071321;height:47px}.amount-control button{height:100%;border:0;background:linear-gradient(#ffdf71,#e8a51d);color:#17120a;display:grid;place-items:center;font-size:25px}.amount-control strong{text-align:center;font-size:16px}.potential-win{border:1px solid #34516a;border-radius:12px;padding:8px 5px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}.potential-win>span{font-size:10px;white-space:nowrap}.potential-win strong{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;white-space:nowrap}.potential-win svg{width:20px;color:#ffcc41;flex-shrink:0}.quick-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.quick-amounts button,.filter-row button{background:#071727;border:1px solid #34516a;border-radius:9px;padding:10px 2px;font-weight:700;font-size:12px}.quick-amounts button.active,.filter-row button.active,.deposit-grid button.active,.method-grid button.active{background:linear-gradient(#ffe27b,#efa91b);color:#181006;border-color:#ffdf65}.place-bet,.primary-btn{width:100%;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe17a,#f4b51f);color:#130e04;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;font-size:20px;font-weight:900;box-shadow:0 3px #936713,inset 0 1px #fff8;margin-bottom:12px}.play-icon{background:#050a0f;color:#f5bd2e;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px}.notice{background:#102c41;border:1px solid #e6b63b;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:12px;color:#ffe49a;display:flex;gap:8px;align-items:center}.notice button{margin-left:auto;background:transparent;border:0;font-size:18px}.results{padding:12px;margin-bottom:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px}.section-heading>div{display:flex;align-items:center;gap:7px}.section-heading svg{color:#ffcd48;width:20px}.section-heading strong{font-size:14px}.section-heading button{display:flex;align-items:center;gap:4px;background:#0b1a2a;border:1px solid #64758a;border-radius:22px;padding:7px 9px;font-size:10px;white-space:nowrap}.result-list{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.result-item{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0}.result-orb{width:clamp(25px,7vw,43px);aspect-ratio:1;border-radius:50%;border:3px solid #ecb23c;box-shadow:0 0 0 2px #16202b,0 0 10px #ffcd4355,inset 0 0 0 3px #fff2;flex-shrink:0}.result-orb.red{background:radial-gradient(circle at 35% 25%,#ff6868,#ee1118 60%,#770006)}.result-orb.green{background:radial-gradient(circle at 35% 25%,#72ff99,#00d846 60%,#00621e)}.result-item small{font-size:9px;color:#e0e5ee}.result-item b{font-size:12px;color:#ffce45}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.shortcuts button{display:flex;align-items:center;flex-direction:column;gap:5px;padding:12px 3px 10px;background:linear-gradient(145deg,#0c2237,#061320);border:1px solid #28506c;border-radius:12px}.shortcuts svg{color:#ffd15a;width:24px;height:24px}.shortcuts strong{font-size:10px}.shortcuts small{font-size:9px;color:#c3cfdd}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;border-top:1px solid #6d582c;padding-top:12px;margin:12px -14px 0;background:linear-gradient(180deg,#071421,#040b14)}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:59px;color:#bdc8d8}.bottom-nav button svg{width:24px;height:24px}.bottom-nav button span{font-size:9px;font-weight:700}.bottom-nav button.selected{color:#ffdc5b}.bottom-nav .center-nav{width:64px;height:64px;min-height:64px;justify-self:center;margin-top:-28px;border:5px solid #dba82c;border-radius:50%;background:radial-gradient(circle,#1a2a31,#030a12);box-shadow:0 0 0 3px #36290e,0 0 20px #f6bd3e88;color:#ffdb53}.bottom-nav .center-nav svg{width:32px;height:32px}.disclaimer{text-align:center;font-size:9px;color:#63768a;padding:13px 0 0}.page-head{display:flex;align-items:center;gap:10px;margin:3px 0 15px}.page-head h2{font-size:21px;margin:0;flex:1}.head-spacer{width:28px}.balance-summary{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #88692e;border-radius:13px;background:linear-gradient(135deg,#0a2236,#040d17);margin-bottom:12px}.balance-summary>div{display:flex;flex-direction:column;gap:8px}.balance-summary small{font-size:12px;color:#c6d2df}.balance-summary strong{display:flex;align-items:center;gap:8px;font-size:20px}.coin-mini{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe27b,#d99a19);color:#fff4b4}.eye-btn{background:transparent;border:0;color:#d9e5f4}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-actions .primary-btn,.wallet-actions .outline-btn{margin:0;font-size:14px;padding:12px}.outline-btn{border:1px solid #e6b637;border-radius:12px;background:#081827;display:flex;align-items:center;justify-content:center;gap:8px}.section-card,.form-card{padding:15px;margin:12px 0}.section-card h3,.form-card h3{font-size:15px;margin:4px 0 13px}.detail-line{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #20384b;font-size:12px}.detail-line:last-child{border:0}.detail-line strong{white-space:nowrap}.transaction{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #20384b}.transaction:last-child{border:0}.transaction>div{display:flex;flex-direction:column;gap:4px;flex:1}.transaction strong{font-size:12px}.transaction small{font-size:10px;color:#9fb1c5}.transaction>b{font-size:12px;white-space:nowrap}.transaction-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:17px;background:#102b3e}.transaction-icon.positive{color:#42ff9b;border:1px solid #167b51}.transaction-icon.negative{color:#f77;border:1px solid #843c3c}.green-text{color:#4dff9c}.red-text{color:#f77}.gold-text{color:#ffd35d}.form-card .balance-summary{margin-bottom:20px}.deposit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.deposit-grid button{border:1px solid #3b5c74;border-radius:10px;background:#071827;padding:12px 4px;font-weight:800}.deposit-grid small{display:block;font-size:10px;font-weight:500;margin-top:4px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 20px}.method-grid button{background:#071827;border:1px solid #35556d;border-radius:10px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px}.token-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#159d7b;color:#fff;font-size:17px;font-weight:900}.field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:17px 0}.field-label input,.input-with-btn input{width:100%;background:#061421;border:1px solid #3b5c74;border-radius:10px;padding:13px;color:#fff;outline:none}.field-label input:focus,.input-with-btn input:focus{border-color:#e8b83d}.input-with-btn{display:flex;gap:8px}.input-with-btn button{background:#11283a;border:1px solid #3b5c74;border-radius:9px;padding:0 14px}.muted{color:#9fb1c5;font-size:12px;line-height:1.6}.helper{display:flex;gap:8px;align-items:flex-start;color:#b4c5d5;font-size:11px;line-height:1.5;border:1px solid #28465b;background:#071827;border-radius:10px;padding:12px;margin:15px 0 0}.helper svg{flex-shrink:0;color:#ffcf4e}.full{margin-top:12px}.profile-card{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:12px;border-color:#88692e}.avatar.large{width:76px;height:76px;border:2px solid #8096ad}.avatar.large svg{width:42px;height:42px}.profile-card>div:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.profile-card strong{font-size:13px}.menu-list{border:1px solid #29475c;border-radius:12px;overflow:hidden;margin-bottom:12px}.menu-list button{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(90deg,#0a1d2c,#061320);border:0;border-bottom:1px solid #20384b;text-align:left}.menu-list button:last-child{border:0}.menu-list button>svg:first-child{width:20px;color:#d5e2ef}.menu-list button span{flex:1;font-size:13px}.menu-list button>svg:last-child{width:17px;color:#8196aa}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.stat-card{border:1px solid #2e4b61;border-radius:12px;background:#081a29;padding:12px 9px;display:flex;flex-direction:column;gap:8px;min-width:0}.stat-card small{font-size:10px;color:#9fb1c5}.stat-card strong{font-size:14px;overflow-wrap:anywhere}.filter-row{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:4px}.filter-row button{padding:9px 14px;white-space:nowrap}.list-card{border:1px solid #29475c;border-radius:13px;overflow:hidden;background:#061522}.bet-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #1b3548}.bet-row:last-child{border:0}.small-orb{width:27px}.bet-detail{display:flex;flex-direction:column;gap:5px;min-width:0}.bet-detail:first-of-type{flex:1}.bet-detail strong{font-size:12px}.bet-detail small{font-size:10px;color:#a2b4c7}.status{font-size:10px;padding:6px 8px;border-radius:8px;white-space:nowrap}.status.win{color:#55ffa0;background:#063c2a;border:1px solid #116c4a}.status.lose{color:#ff8b8b;background:#3a151b;border:1px solid #7c3038}.status.pending{color:#ffdc67;background:#392c0c;border:1px solid #8e6c1d}.empty-state{text-align:center;padding:35px 10px;color:#9fb1c5;font-size:13px}.results-table{margin-top:10px}.result-table-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #20384b;font-size:12px}.pill-color{font-size:10px;font-weight:800;padding:6px 10px;border-radius:20px}.pill-color.red{background:#4d1119;color:#ff9b9b}.pill-color.green{background:#06482a;color:#7cffb2}.invite-hero{text-align:center;padding:28px 15px;background:radial-gradient(ellipse at top,#4b3610,#091827 65%);border:1px solid #9a752a;border-radius:15px}.invite-hero svg{color:#ffcf4e}.invite-hero h2{margin:10px 0}.invite-hero p{font-size:12px;color:#b6c5d5}.copy-link{display:flex;align-items:center;gap:8px;border:1px solid #36556b;border-radius:10px;background:#061421;padding:10px;margin:12px 0;min-width:0}.copy-link span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis}.copy-link button{background:transparent;border:0;color:#ffcf4e}@media(min-width:600px){.app-shell{padding:22px 24px 28px}.topbar{height:80px}.brand-copy strong{font-size:23px}.identity{padding:13px 17px}.identity-side strong{font-size:14px}.points-card{padding:12px}.points-label strong{font-size:20px}.action-tile strong{font-size:12px}.bottom-nav{margin-left:-24px;margin-right:-24px}.result-item small{font-size:11px}.section-card,.form-card{padding:19px}}@media(max-width:380px){.app-shell{padding-left:9px;padding-right:9px}.brand-copy strong{font-size:17px}.identity{padding:8px}.identity-side{gap:5px}.avatar{width:33px;height:33px}.identity-side strong{font-size:10px}.balance-row{grid-template-columns:1.5fr repeat(3,.65fr);gap:5px}.coin-icon{width:32px;height:32px}.points-label strong{font-size:13px}.points-label span{font-size:10px}.square-gold{width:29px;height:32px}.action-tile strong{font-size:9px}.round-row{gap:5px}.timer-card{padding:8px 5px}.timer-card>strong{font-size:25px}.round-chip strong{font-size:11px}.bet-colors{gap:16px;padding-left:4%;padding-right:4%}.bet-top{grid-template-columns:1.5fr .9fr}.amount-control{grid-template-columns:37px 1fr 37px}.potential-win strong{font-size:13px}.potential-win>span{font-size:9px}.shortcuts strong{font-size:9px}.shortcuts small{font-size:8px}.stat-card{padding:10px 6px}.stat-card strong{font-size:12px}}

.sponsor-preview{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:12px;border:1px solid #5d4c2d;border-radius:9px;background:#211b12;color:#f5d68d;font-size:12px}.sponsor-preview span{color:#b7bbca;font-size:11px;overflow-wrap:anywhere;user-select:all}

.reference-results-strip.auto-scroll-results{display:grid;grid-auto-flow:column;grid-auto-columns:70px;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.referral-copy-feedback{display:block;margin:4px 0 10px;color:#7de7ac;font-size:12px;font-weight:700}.qualification-grid>div.is-qualified{border-color:#3a9c68;background:rgba(24,108,62,.2)}.qualification-grid>div.is-qualified .qualification-status{color:#7de7ac;font-weight:800;margin-top:8px}