@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-1);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;letter-spacing:.01em}.prediction-game-container{position:relative;z-index:1;min-height:100vh}.game-wrapper{position:relative;width:100%;padding:16px 0 24px}.game-main-layout{display:flex;gap:12px;max-width:1600px;margin:0 auto;padding:0 16px;height:calc(100vh - 130px);align-items:stretch}.game-chart-col{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.game-chart-panel{flex:1 1 0;min-height:0;border-radius:10px;overflow:hidden}.game-history-bar{flex:0 0 auto}.game-cards-panel{flex:0 0 460px;width:460px;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.15) transparent}@media (max-width: 1200px){.game-cards-panel{flex:0 0 400px;width:400px}}@media (max-width: 1100px){.game-main-layout{flex-direction:column;height:auto}.game-chart-col{height:420px;flex:none}.game-chart-panel{flex:1 1 0;min-height:0}.game-cards-panel{flex:none;width:100%;height:auto;max-height:none}}.mobile-chart-toggle,.mobile-swipe-hint,.mobile-history-bar{display:none}@media (max-width: 768px){.game-wrapper{padding:8px 0 16px}.game-main-layout{flex-direction:column;height:auto;padding:0;gap:0}.mobile-chart-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);margin:0 8px 6px;padding:8px 12px;background:var(--card-bg, rgba(255,255,255,.06));border:1px solid var(--border, rgba(148,163,184,.18));border-radius:10px;color:var(--accent-bull, #3b9eff);font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.02em}.mobile-chart-toggle:active{opacity:.75}.game-chart-col{height:0;overflow:hidden;transition:height .3s ease;flex:none}.game-chart-col.mobile-chart-open{height:540px;overflow:visible}.chart-history-bar{display:none}.mobile-history-bar{display:block;padding:4px 8px 8px}.mobile-swipe-hint{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-3, rgba(148,163,184,.7));padding:6px 8px 2px;letter-spacing:.04em;animation:swipe-hint-pulse 2s ease-in-out infinite}.game-cards-panel{width:100%;flex-direction:row!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:0 8px 8px}.game-cards-panel::-webkit-scrollbar{display:none}.game-cards-panel>*{flex:0 0 calc(100vw - 32px);min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);scroll-snap-align:start;height:auto}}@keyframes swipe-hint-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (max-width: 480px){.game-main-layout{padding:0 8px;gap:6px}.game-chart-col.mobile-chart-open{height:480px}.game-bottom{padding:0 8px;gap:10px}.my-rounds-panel{padding:10px}.news-panel{min-height:180px;max-height:260px}.history-row{padding:7px 8px;font-size:12px;gap:6px}.history-round,.history-amt{font-size:12px}}.quick-bet-row{display:flex;gap:4px;padding:0 14px 8px;align-items:center;flex-wrap:nowrap}.quick-bet-amounts{display:flex;gap:4px;flex:0 0 auto}.quick-bet-actions{display:flex;align-items:center;gap:6px;margin-left:auto}@media (max-width: 540px){.quick-bet-row{flex-wrap:wrap;gap:6px}.quick-bet-amounts{flex:0 0 100%;order:1}.quick-bet-amounts button{flex:1 1 0}.quick-bet-actions{flex:0 0 100%;order:2;margin-left:0;justify-content:flex-end;padding-top:2px}}.chart-hide-btn{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#f87171;font-size:10px;font-weight:800;padding:3px 8px;cursor:pointer;white-space:nowrap;transition:background .15s}.chart-hide-btn:hover{background:rgba(239,68,68,.18)}.game-bottom{display:flex;gap:16px;max-width:1600px;margin:12px auto 0;padding:0 16px;align-items:start}@media (max-width: 768px){.game-bottom{flex-direction:column}}.my-rounds-panel{flex:1;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:14px;min-width:0}.news-panel{flex:1;min-width:0;min-height:220px;max-height:340px;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg)}.side-panel{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:14px}.side-panel-left,.side-panel-right{min-height:0}.panel-title{font-size:12px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif}.history-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.2) transparent}.history-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:18px 0}.history-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:9px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border-1)}.history-row:hover{border-color:var(--border-2);background:var(--surface-elevated)}.history-round{font-weight:700;color:var(--text-1);font-family:JetBrains Mono,monospace;font-size:13px}.history-pos{font-size:10px;font-weight:800;padding:3px 7px;border-radius:3px;letter-spacing:.05em}.history-pos.bull{background:rgba(2,192,118,.18);color:var(--accent-bull)}.history-pos.bear{background:rgba(246,70,93,.18);color:var(--accent-bear)}.history-amt{font-family:JetBrains Mono,monospace;color:var(--text-1);text-align:right;font-size:13px;font-weight:600}.history-status{font-size:12px;font-weight:700}.history-status.won{color:var(--accent-bull)}.history-status.lost{color:var(--accent-bear)}.history-status.pending{color:var(--text-3)}.card-labels-row{display:none;justify-content:center;align-items:center;gap:16px;padding:8px 0 4px;position:relative;z-index:1}@media (min-width: 900px){.card-labels-row{display:flex}}.card-label-badge{flex:0 0 auto;text-align:center;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-sm)}[data-theme=glossy] .card-label-badge.expired{color:var(--text-3)}[data-theme=glossy] .card-label-badge.live{color:var(--accent-warn);text-shadow:0 0 18px rgba(251,191,36,.7)}[data-theme=glossy] .card-label-badge.upcoming{color:var(--accent-bull-hi);text-shadow:0 0 14px rgba(74,222,128,.5)}[data-theme=flat] .card-label-badge.expired{color:var(--text-3);background:var(--surface-2)}[data-theme=flat] .card-label-badge.live{color:var(--accent-warn);background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.3)}[data-theme=flat] .card-label-badge.upcoming{color:var(--accent-bull);background:rgba(2,192,118,.1);border:1px solid rgba(2,192,118,.3)}.prediction-game-main-grid{display:flex;flex-direction:column;gap:8px}.card{position:relative;width:100%;min-height:auto;display:flex;flex-direction:column}[data-theme=glossy] .card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:0}[data-theme=flat] .card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:0;min-height:auto}[data-theme=flat] .card-live{border-top:2px solid var(--accent-live);box-shadow:var(--shadow-card)}[data-theme=flat] .card-expired{border-top:2px solid var(--border-strong);box-shadow:var(--shadow-card)}[data-theme=flat] .card-upcoming{border-top:2px solid var(--accent-bull);box-shadow:var(--shadow-card)}.card-live{box-shadow:var(--glow-live, var(--shadow-card))}.card-upcoming{box-shadow:var(--glow-bull, var(--shadow-card))}[data-theme=glossy] .card-live{border-top:2px solid var(--accent-live);animation:glossyLiveGlow 2s ease-in-out infinite}@keyframes glossyLiveGlow{0%,to{box-shadow:0 0 18px #a3c4564d,0 0 5px #a3c45626}50%{box-shadow:0 0 36px #a3c4568c,0 0 12px #a3c4564d}}[data-theme=glossy] .card-expired{border-top:2px solid var(--border-strong);box-shadow:0 0 0 1px #a0aec026,0 0 20px #a0aec01a}[data-theme=glossy] .card-upcoming{border-top:2px solid var(--accent-bull);animation:glossyUpcomingGlow 2.4s ease-in-out infinite}@keyframes glossyUpcomingGlow{0%,to{box-shadow:0 0 16px #5cbf5047,0 0 5px #5cbf5024}50%{box-shadow:0 0 32px #5cbf5085,0 0 10px #5cbf5047}}[data-theme=velvet] .card-live,[data-theme=phantom] .card-live,[data-theme=admiral] .card-live,[data-theme=cosmos] .card-live{border-top:2px solid var(--accent-live);animation:themeCardLiveGlow 2s ease-in-out infinite}[data-theme=velvet] .card-upcoming,[data-theme=phantom] .card-upcoming,[data-theme=admiral] .card-upcoming,[data-theme=cosmos] .card-upcoming{border-top:2px solid var(--accent-bull);animation:themeCardUpcomingGlow 2.4s ease-in-out infinite}@keyframes themeCardLiveGlow{0%,to{box-shadow:var(--glow-live)}50%{box-shadow:var(--glow-live-hi, var(--glow-live))}}@keyframes themeCardUpcomingGlow{0%,to{box-shadow:var(--glow-bull)}50%{box-shadow:var(--glow-bull-hi, var(--glow-bull))}}.svg-layer{display:var(--svg-display);width:100%;height:auto}.flat-layer{display:var(--flat-display);width:100%;height:auto}.flat-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-1);margin-bottom:12px}.flat-card-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-family:Inter,sans-serif}.flat-card-status.live{color:var(--accent-live)}.flat-card-status.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-live);box-shadow:0 0 0 0 var(--accent-live);animation:pulseDot 1.6s ease-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 #22d3eeb3}70%{box-shadow:0 0 0 8px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.flat-card-status.upcoming{color:var(--accent-bull)}.flat-card-status.expired{color:var(--text-3)}.flat-card-epoch{font-size:15px;font-weight:700;color:var(--text-1);font-family:JetBrains Mono,SF Mono,monospace}.flat-card-pool{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-1);margin-bottom:12px}.flat-card-pool-label{font-size:12px;color:var(--text-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.flat-card-pool-value{font-size:20px;font-weight:800;color:var(--text-1);font-family:JetBrains Mono,SF Mono,monospace}.flat-card-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px}.flat-row-label{color:var(--text-2);font-weight:600;font-size:13px}.flat-row-value{color:var(--text-1);font-weight:800;font-family:JetBrains Mono,SF Mono,monospace;font-size:15px}.flat-row-value.bull{color:var(--accent-bull)}.flat-row-value.bear{color:var(--accent-bear)}.flat-row-value.up{color:var(--accent-bull)}.flat-row-value.down{color:var(--accent-bear)}.flat-price-big{text-align:center;padding:14px 0}.flat-price-big-label{font-size:10px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.flat-price-big-value{font-size:32px;font-weight:900;color:var(--text-1);font-family:JetBrains Mono,SF Mono,monospace;line-height:1.2;margin-top:4px;transition:color .25s ease;letter-spacing:-.02em}.flat-price-big-value.up{color:var(--accent-bull)}.flat-price-big-value.down{color:var(--accent-bear)}.flat-price-big-value.flash-up{color:var(--accent-bull);animation:priceFlashUp .45s ease-out}.flat-price-big-value.flash-down{color:var(--accent-bear);animation:priceFlashDown .45s ease-out}@keyframes priceFlashUp{0%{color:#fff;text-shadow:0 0 12px rgba(2,192,118,.9)}to{color:var(--accent-bull);text-shadow:none}}@keyframes priceFlashDown{0%{color:#fff;text-shadow:0 0 12px rgba(246,70,93,.9)}to{color:var(--accent-bear);text-shadow:none}}.flat-price-delta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm)}.flat-price-delta.up{color:var(--accent-bull);background:rgba(2,192,118,.1)}.flat-price-delta.down{color:var(--accent-bear);background:rgba(246,70,93,.1)}.flat-timer{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin:8px 0 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-family:JetBrains Mono,SF Mono,monospace;font-size:20px;font-weight:800;color:var(--text-1)}.flat-timer.warn{color:var(--accent-warn)}.flat-timer.danger{color:var(--accent-bear);animation:blink-red .6s ease-in-out infinite}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.5}}.flat-progress{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-bottom:12px}.flat-progress-fill{height:100%;background:var(--accent-live);transition:width 1s linear}.flat-bet-input-wrap{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:0 10px;margin-bottom:8px;max-width:160px;min-width:100px}.flat-bet-input{flex:1;background:transparent;border:none;outline:none;font-family:JetBrains Mono,SF Mono,monospace;font-size:15px;font-weight:700;color:var(--text-1);padding:7px 0;width:100%;caret-color:var(--accent-bull)}.flat-bet-input::-moz-placeholder{color:var(--text-muted)}.flat-bet-input::placeholder{color:var(--text-muted)}.flat-bet-input::-webkit-outer-spin-button,.flat-bet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flat-bet-input[type=number]{-moz-appearance:textfield}.flat-bet-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #182815 inset!important;-webkit-text-fill-color:#E8EDD0!important}[data-theme=flat] .flat-bet-input:-webkit-autofill,[data-theme=flat] .flat-bet-input:-webkit-autofill:hover,[data-theme=flat] .flat-bet-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #FFFFFF inset!important;-webkit-text-fill-color:#0D2347!important}.flat-bet-input:focus,.flat-bet-input:focus-visible{outline:none!important;box-shadow:none!important}.flat-bet-input-wrap:focus-within{border-color:var(--accent-live)}[data-theme=flat] .flat-bet-input-wrap{background:#FFFFFF;border-color:var(--border-2)}[data-theme=flat] .flat-bet-input{color:var(--text-1);background:transparent}.flat-bet-token{font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.05em}.flat-bet-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.flat-bet-quick.flat-bet-quick-5{grid-template-columns:repeat(5,1fr)}.flat-bet-quick button{padding:6px 0;font-size:11px;font-weight:700;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:all .12s ease}.flat-bet-quick button:hover{color:var(--text-1);border-color:var(--border-strong)}.flat-bet-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flat-btn-bull,.flat-btn-bear{padding:14px 0;font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--radius-sm);cursor:pointer;color:#fff;font-family:"Inter",inherit;transition:all .12s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.flat-btn-bull{background:var(--accent-bull)}.flat-btn-bull:hover:not(:disabled){background:var(--accent-bull-hi)}.flat-btn-bear{background:var(--accent-bear)}.flat-btn-bear:hover:not(:disabled){background:var(--accent-bear-hi)}.flat-btn-bull:disabled,.flat-btn-bear:disabled{opacity:.4;cursor:not-allowed}.flat-multipliers{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px;margin-top:8px}.flat-mult{text-align:center;padding:6px 0;font-family:JetBrains Mono,SF Mono,monospace;font-weight:800}.flat-mult.bull{color:var(--accent-bull)}.flat-mult.bear{color:var(--accent-bear)}.flat-result-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flat-result-badge.win{background:rgba(2,192,118,.15);color:var(--accent-bull);border:1px solid var(--accent-bull)}.flat-result-badge.loss{background:rgba(246,70,93,.15);color:var(--accent-bear);border:1px solid var(--accent-bear)}.flat-result-badge.tie{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-2)}.flat-claim-btn{width:100%;padding:10px 0;margin-top:10px;background:var(--accent-warn);color:var(--text-inverse);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.flat-claim-btn:hover{background:var(--accent-live-hi)}.flat-nav-arrows{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-1)}.flat-nav-btn{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-1);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.flat-nav-btn:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--border-strong)}.flat-nav-btn:disabled{opacity:.3;cursor:not-allowed}.flat-nav-info{font-size:14px;font-weight:700;color:var(--text-1);font-family:JetBrains Mono,monospace;letter-spacing:.02em}.swipe-dots{display:flex;justify-content:center;gap:6px;padding:12px 0 4px}.swipe-dot{width:6px;height:6px;border-radius:50%;background:var(--border-2)}.swipe-dot.active{background:var(--accent-live);width:18px;border-radius:3px}@keyframes crownPulse{0%,to{transform:scale(1) rotate(-8deg);filter:drop-shadow(0 0 4px rgba(251,191,36,.8))}50%{transform:scale(1.2) rotate(8deg);filter:drop-shadow(0 0 8px rgba(251,191,36,1))}}@keyframes newsGlow{0%,to{box-shadow:0 0 4px #02c07688}50%{box-shadow:0 0 10px #02c076cc}}.prediction-header{position:sticky;top:0;z-index:100;width:100%;background:var(--surface-1);border-bottom:1px solid var(--border-1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}[data-theme=flat] .prediction-header{background:var(--surface-1);backdrop-filter:none;-webkit-backdrop-filter:none}.header-container{max-width:1400px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;min-height:60px}.header-logo{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.logo-text{font-size:20px;font-weight:900;letter-spacing:.06em;margin:0;font-family:Space Grotesk,Inter,sans-serif;background:linear-gradient(135deg,var(--accent-bull-hi),var(--accent-info));-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=flat] .logo-text{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--text-1)}.logo-subtitle{font-size:9px;color:var(--text-3);margin:0;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.header-price-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);background:var(--chip-bg);border:1px solid var(--chip-border);flex-shrink:0}.header-price-label{font-size:10px;font-weight:700;color:var(--text-3);letter-spacing:.06em}.header-price-value{font-size:16px;font-weight:800;color:var(--text-1);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,Menlo,monospace;transition:color .4s ease;letter-spacing:-.01em}.header-price-value.up{color:var(--accent-bull)}.header-price-value.down{color:var(--accent-bear)}.header-navigation{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.header-navigation::-webkit-scrollbar{display:none}.nav-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:all .15s ease;border:1px solid transparent}.nav-tab:hover{color:var(--text-1);background:var(--surface-2)}.nav-tab-active{color:var(--text-1);background:var(--surface-2);border-color:var(--border-2)}[data-theme=flat] .nav-tab-active{background:transparent;border-color:transparent;border-bottom:2px solid var(--accent-live);border-radius:0;padding-bottom:6px}.header-wallet{display:flex;align-items:center;gap:8px;flex-shrink:0}.wallet-connected{display:flex;align-items:center;gap:8px}.wallet-address-display{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-2)}.wallet-icon{font-size:14px}.wallet-address-text{font-size:12px;font-weight:700;color:var(--text-1);font-family:JetBrains Mono,SF Mono,Menlo,monospace}.btn-connect-wallet{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--accent-live);color:var(--text-inverse);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-connect-wallet:hover{background:var(--accent-live-hi);transform:translateY(-1px)}[data-theme=flat] .btn-connect-wallet{background:var(--accent-live);color:var(--text-inverse)}[data-theme=flat] .btn-connect-wallet:hover{transform:none}.btn-history,.btn-disconnect{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-history:hover,.btn-disconnect:hover{color:var(--text-1);border-color:var(--border-strong)}.history-text,.disconnect-text{display:none}@media (min-width: 1100px){.history-text,.disconnect-text{display:inline}}.btn-wrong-network{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--accent-bear);background:rgba(246,70,93,.12);color:var(--accent-bear-hi);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.chain-toggle-btn{font-family:inherit}.chain-static-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.chain-bnb-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(240,185,11,.4);background:rgba(240,185,11,.1);font-size:13px;font-weight:700;color:var(--text-1);white-space:nowrap}.chain-coming-soon{font-size:10px;color:var(--text-3);font-weight:600;white-space:nowrap}@media (max-width: 900px){.header-container{padding:8px 12px;gap:10px}.logo-subtitle{display:none}.nav-tab{padding:6px 10px;font-size:12px}}@media (max-width: 768px){.header-container{padding:8px 10px;gap:8px}.header-price-chip,.chain-coming-soon{display:none}.logo-text{font-size:17px}}@media (max-width: 480px){.header-container{padding:7px 10px;gap:6px;min-height:52px}.logo-text{font-size:15px}.logo-subtitle{display:none}.chain-bnb-chip{padding:5px 8px}.chain-bnb-text{display:none}.header-wallet{gap:5px}.wallet-address-display{padding:5px 8px}.wallet-address-text{font-size:11px}.btn-connect-wallet{padding:7px 10px;font-size:12px}.nav-tab{padding:5px 8px;font-size:11px}.header-navigation{gap:2px}}:root,:root[data-theme=glossy]{--bg-page: #080C06;--surface-1: #0F1A0B;--surface-2: #182815;--surface-3: #0A110A;--surface-elevated: #1D2D19;--border-1: #2A3C20;--border-2: #3E5830;--border-strong: #5C7A40;--text-1: #E8EDD0;--text-2: #B5C490;--text-3: #8A9E68;--text-muted: #5C6E42;--text-inverse: #080C06;--accent-bull: #5CBF50;--accent-bull-hi: #78D45E;--accent-bull-lo: #1A3A12;--accent-bear: #CC3A32;--accent-bear-hi: #E05048;--accent-bear-lo: #4A1210;--accent-live: #A3C456;--accent-live-hi: #BADA72;--accent-warn: #D4A82A;--accent-info: #6FA8DC;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 8px rgba(0,0,0,.55);--shadow-pop: 0 4px 20px rgba(0,0,0,.65);--glow-bull: none;--glow-bear: none;--glow-live: none;--chip-bg: #182815;--chip-border: #2A3C20;--svg-display: none;--flat-display: block;--card-bg: #0F1A0B;--card-border: #2A3C20;--card-bg-bull: #0F1A0B;--card-bg-bear: #0F1A0B;--card-bg-live: #0F1A0B;--card-bg-expired: #0F1A0B}:root[data-theme=flat]{--bg-page: #F4F7FB;--surface-1: #FFFFFF;--surface-2: #EFF3F8;--surface-3: #F4F7FB;--surface-elevated: #FFFFFF;--border-1: #DDE3EC;--border-2: #C8D1DC;--border-strong: #A0AEBB;--text-1: #0D2347;--text-2: #1B4A8C;--text-3: #2869B0;--text-muted: #5A8BBD;--text-inverse: #FFFFFF;--accent-bull: #00A86B;--accent-bull-hi: #02C47E;--accent-bull-lo: #D1FAE5;--accent-bear: #DC2626;--accent-bear-hi: #EF4444;--accent-bear-lo: #FEE2E2;--accent-live: #2563EB;--accent-live-hi: #3B82F6;--accent-warn: #B45309;--accent-info: #2563EB;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-card: 0 1px 4px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04);--shadow-pop: 0 8px 24px rgba(0,0,0,.12);--glow-bull: none;--glow-bear: none;--glow-live: none;--chip-bg: #FFFFFF;--chip-border: #DDE3EC;--svg-display: none;--flat-display: block;--card-bg: #FFFFFF;--card-border: #DDE3EC;--card-bg-bull: #FFFFFF;--card-bg-bear: #FFFFFF;--card-bg-live: #FFFFFF;--card-bg-expired: #FFFFFF}:root[data-theme=velvet]{--bg-page: #080007;--surface-1: #150010;--surface-2: #200018;--surface-3: #0E0008;--surface-elevated: #280020;--border-1: #3D0A30;--border-2: #601845;--border-strong: #9B2C6A;--text-1: #F9E0EF;--text-2: #E8A8CC;--text-3: #C06090;--text-muted: #8A3A60;--text-inverse: #080007;--accent-bull: #10D98A;--accent-bull-hi: #34F5A8;--accent-bull-lo: #052A1A;--accent-bear: #FF3070;--accent-bear-hi: #FF607A;--accent-bear-lo: #400010;--accent-live: #E040FB;--accent-live-hi: #F570FF;--accent-warn: #FFB020;--accent-info: #E040FB;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 12px rgba(180,0,100,.25);--shadow-pop: 0 8px 32px rgba(180,0,100,.4);--glow-bull: 0 0 20px rgba(16,217,138,.4), 0 0 6px rgba(16,217,138,.2);--glow-bull-hi: 0 0 36px rgba(16,217,138,.65), 0 0 12px rgba(16,217,138,.35);--glow-live: 0 0 28px rgba(224,64,251,.5), 0 0 8px rgba(224,64,251,.25);--glow-live-hi: 0 0 50px rgba(224,64,251,.7), 0 0 16px rgba(224,64,251,.4);--glow-bear: 0 0 20px rgba(255,48,112,.4);--chip-bg: #200018;--chip-border: #3D0A30;--svg-display: none;--flat-display: block;--card-bg: #150010;--card-border: #3D0A30;--card-bg-bull: #150010;--card-bg-bear: #150010;--card-bg-live: #150010;--card-bg-expired: #150010}@keyframes velvet-twinkle-a{0%,to{opacity:.15}50%{opacity:.9}}@keyframes velvet-twinkle-b{0%,to{opacity:.55}40%{opacity:.1}70%{opacity:.8}}@keyframes velvet-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}[data-theme=velvet] body:before,[data-theme=velvet] #root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 8% 12%,rgba(255,160,220,.9) 0%,transparent 100%),radial-gradient(1px 1px at 22% 5%,rgba(255,200,240,.7) 0%,transparent 100%),radial-gradient(1px 1px at 37% 20%,rgba(255,120,200,.8) 0%,transparent 100%),radial-gradient(1px 1px at 52% 8%,rgba(240,160,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 68% 15%,rgba(255,180,230,.85) 0%,transparent 100%),radial-gradient(1px 1px at 83% 9%,rgba(255,140,210,.7) 0%,transparent 100%),radial-gradient(1px 1px at 93% 26%,rgba(240,120,200,.6) 0%,transparent 100%),radial-gradient(1px 1px at 4% 38%,rgba(255,160,220,.5) 0%,transparent 100%),radial-gradient(1px 1px at 17% 52%,rgba(255,200,240,.65) 0%,transparent 100%),radial-gradient(1px 1px at 31% 45%,rgba(255,140,210,.75) 0%,transparent 100%),radial-gradient(1px 1px at 46% 60%,rgba(240,160,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 60% 35%,rgba(255,180,230,.65) 0%,transparent 100%),radial-gradient(1px 1px at 75% 50%,rgba(255,120,200,.8) 0%,transparent 100%),radial-gradient(1px 1px at 89% 42%,rgba(240,140,220,.6) 0%,transparent 100%),radial-gradient(2px 2px at 14% 72%,rgba(224,64,251,.55) 0%,transparent 100%),radial-gradient(2px 2px at 48% 78%,rgba(255,48,112,.45) 0%,transparent 100%),radial-gradient(2px 2px at 78% 68%,rgba(224,64,251,.5) 0%,transparent 100%),radial-gradient(1px 1px at 29% 83%,rgba(255,160,220,.7) 0%,transparent 100%),radial-gradient(1px 1px at 63% 88%,rgba(255,200,240,.6) 0%,transparent 100%),radial-gradient(1px 1px at 87% 80%,rgba(240,120,200,.75) 0%,transparent 100%);animation:velvet-twinkle-a 3.5s ease-in-out infinite}[data-theme=velvet] #root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 30%,rgba(255,180,230,.7) 0%,transparent 100%),radial-gradient(1px 1px at 44% 18%,rgba(255,120,200,.6) 0%,transparent 100%),radial-gradient(1px 1px at 71% 28%,rgba(240,160,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 20% 65%,rgba(255,200,240,.55) 0%,transparent 100%),radial-gradient(1px 1px at 56% 55%,rgba(255,140,210,.65) 0%,transparent 100%),radial-gradient(1px 1px at 85% 62%,rgba(224,64,251,.45) 0%,transparent 100%),radial-gradient(ellipse 60vw 40vh at 50% 60%,rgba(180,0,100,.06) 0%,transparent 70%);animation:velvet-twinkle-b 5.2s ease-in-out infinite}[data-theme=velvet] #root{position:relative;z-index:1}:root[data-theme=phantom]{--bg-page: #06040E;--surface-1: #0D0A1E;--surface-2: #14102E;--surface-3: #080614;--surface-elevated: #1A1540;--border-1: #281855;--border-2: #3E2882;--border-strong: #6B46C1;--text-1: #EDE9FF;--text-2: #C4B5FD;--text-3: #9070E0;--text-muted: #5B38A8;--text-inverse: #06040E;--accent-bull: #4ADE80;--accent-bull-hi: #86EFAC;--accent-bull-lo: #0A2018;--accent-bear: #F87171;--accent-bear-hi: #FCA5A5;--accent-bear-lo: #3A0808;--accent-live: #A78BFA;--accent-live-hi: #C4B5FD;--accent-warn: #FCD34D;--accent-info: #818CF8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 12px rgba(80,40,180,.3);--shadow-pop: 0 8px 32px rgba(80,40,180,.5);--glow-bull: 0 0 22px rgba(74,222,128,.42), 0 0 6px rgba(74,222,128,.2);--glow-bull-hi: 0 0 40px rgba(74,222,128,.65), 0 0 12px rgba(74,222,128,.35);--glow-live: 0 0 28px rgba(167,139,250,.55), 0 0 10px rgba(167,139,250,.28);--glow-live-hi: 0 0 52px rgba(167,139,250,.75), 0 0 18px rgba(167,139,250,.42);--glow-bear: 0 0 20px rgba(248,113,113,.42);--chip-bg: #14102E;--chip-border: #281855;--svg-display: none;--flat-display: block;--card-bg: #0D0A1E;--card-border: #281855;--card-bg-bull: #0D0A1E;--card-bg-bear: #0D0A1E;--card-bg-live: #0D0A1E;--card-bg-expired: #0D0A1E}:root[data-theme=admiral]{--bg-page: #020810;--surface-1: #071525;--surface-2: #0D1F38;--surface-3: #040E1C;--surface-elevated: #0F2440;--border-1: #1A3A5C;--border-2: #2A5078;--border-strong: #4A7FA8;--text-1: #E8ECF2;--text-2: #B0BEC8;--text-3: #788FA0;--text-muted: #4A6880;--text-inverse: #020810;--accent-bull: #4FC3F7;--accent-bull-hi: #81D4FA;--accent-bull-lo: #0A2A40;--accent-bear: #EF9A9A;--accent-bear-hi: #FFCDD2;--accent-bear-lo: #3A0808;--accent-live: #90CAF9;--accent-live-hi: #BBDEFB;--accent-warn: #FFD54F;--accent-info: #80DEEA;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 10px rgba(0,30,70,.5);--shadow-pop: 0 8px 28px rgba(0,30,70,.65);--glow-bull: 0 0 20px rgba(79,195,247,.38), 0 0 6px rgba(79,195,247,.18);--glow-bull-hi: 0 0 36px rgba(79,195,247,.6), 0 0 12px rgba(79,195,247,.3);--glow-live: 0 0 24px rgba(144,202,249,.45), 0 0 8px rgba(144,202,249,.22);--glow-live-hi: 0 0 44px rgba(144,202,249,.68), 0 0 15px rgba(144,202,249,.35);--glow-bear: 0 0 18px rgba(239,154,154,.38);--chip-bg: #0D1F38;--chip-border: #1A3A5C;--svg-display: none;--flat-display: block;--card-bg: #071525;--card-border: #1A3A5C;--card-bg-bull: #071525;--card-bg-bear: #071525;--card-bg-live: #071525;--card-bg-expired: #071525}:root[data-theme=cosmos]{--bg-page: #000106;--surface-1: #01040E;--surface-2: #02071A;--surface-3: #000208;--surface-elevated: #020A1C;--border-1: #081428;--border-2: #102040;--border-strong: #1E3860;--text-1: #E0F0FF;--text-2: #78C4E8;--text-3: #4A90B8;--text-muted: #285070;--text-inverse: #000106;--accent-bull: #00E5FF;--accent-bull-hi: #80F8FF;--accent-bull-lo: #002030;--accent-bear: #FF3D5C;--accent-bear-hi: #FF708A;--accent-bear-lo: #380010;--accent-live: #9D4EDD;--accent-live-hi: #C77DFF;--accent-warn: #FFB703;--accent-info: #00E5FF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 14px rgba(0,100,200,.2);--shadow-pop: 0 8px 32px rgba(0,50,120,.5);--glow-bull: 0 0 22px rgba(0,229,255,.5), 0 0 8px rgba(0,229,255,.25), 0 0 40px rgba(0,229,255,.12);--glow-bull-hi: 0 0 40px rgba(0,229,255,.7), 0 0 15px rgba(0,229,255,.4), 0 0 70px rgba(0,229,255,.2);--glow-live: 0 0 28px rgba(157,78,221,.55), 0 0 10px rgba(157,78,221,.28), 0 0 55px rgba(157,78,221,.15);--glow-live-hi: 0 0 50px rgba(157,78,221,.75), 0 0 18px rgba(157,78,221,.45), 0 0 90px rgba(157,78,221,.25);--glow-bear: 0 0 22px rgba(255,61,92,.5), 0 0 8px rgba(255,61,92,.25);--chip-bg: #02071A;--chip-border: #081428;--svg-display: none;--flat-display: block;--card-bg: #01040E;--card-border: #081428;--card-bg-bull: #01040E;--card-bg-bear: #01040E;--card-bg-live: #01040E;--card-bg-expired: #01040E}[data-theme=cosmos] body:before,[data-theme=cosmos] #root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 25% 8%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 40% 22%,rgba(200,230,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 85% 12%,rgba(200,200,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 95% 28%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 5% 40%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(1px 1px at 18% 55%,rgba(200,230,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 32% 48%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 48% 62%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 62% 38%,rgba(180,200,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 77% 52%,rgba(255,255,255,.75) 0%,transparent 100%),radial-gradient(1px 1px at 90% 45%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(2px 2px at 15% 75%,rgba(157,78,221,.55) 0%,transparent 100%),radial-gradient(2px 2px at 50% 80%,rgba(0,229,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 80% 70%,rgba(157,78,221,.45) 0%,transparent 100%),radial-gradient(1px 1px at 30% 85%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 65% 90%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(1px 1px at 88% 82%,rgba(200,230,255,.7) 0%,transparent 100%)}[data-theme=cosmos] #root{position:relative;z-index:1}.card .svg-layer{display:var(--svg-display)}.card .flat-layer{display:var(--flat-display)}.card[data-theme-flat=true] .svg-layer{display:none}.card[data-theme-flat=true] .flat-layer{display:block}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.theme-toggle-btn:hover{color:var(--text-1);border-color:var(--border-strong);background:var(--surface-1)}.theme-toggle-btn svg{flex-shrink:0}.theme-toggle-label{letter-spacing:.04em}.theme-toggle-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:999;min-width:130px;padding:4px;background:var(--surface-elevated);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.theme-toggle-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-1);cursor:pointer;font-family:inherit;text-align:left;transition:all .12s ease}.theme-toggle-option:hover{background:var(--surface-2);border-color:var(--border-1)}.theme-toggle-option.is-active{background:var(--surface-2);border-color:var(--border-strong)}.theme-option-name{font-size:12px;font-weight:700;color:var(--text-1);flex:1}.theme-option-check{color:var(--accent-bull);font-weight:900;font-size:12px;margin-left:auto}.theme-swatch{flex-shrink:0;display:flex;gap:2px;width:44px;height:30px;padding:3px;border-radius:5px;align-items:center;justify-content:center}.sw-card{width:11px;height:22px;border-radius:2px;display:block}.theme-swatch-glossy{background:linear-gradient(135deg,#080C06,#040804);border:1px solid #2A3C20}.sw-card-glossy-1{background:linear-gradient(180deg,#2A3C20,#0F1A0B);border:1px solid rgba(92,122,64,.5)}.sw-card-glossy-2{background:linear-gradient(180deg,#3E5830,#182815);border:1px solid rgba(92,191,80,.6);box-shadow:0 0 4px #5cbf5066}.sw-card-glossy-3{background:linear-gradient(180deg,#1D2D19,#0F1A0B);border:1px solid rgba(92,122,64,.4);border-top:2px solid rgba(92,191,80,.8)}.theme-swatch-flat{background:#F4F7FB;border:1px solid #DDE3EC}.sw-card-flat-1{background:#FFFFFF;border:1px solid #DDE3EC}.sw-card-flat-2{background:#FFFFFF;border:1px solid #DDE3EC;border-top:2px solid #00A86B}.sw-card-flat-3{background:#FFFFFF;border:1px solid #DDE3EC;border-top:2px solid #DC2626}.theme-swatch-velvet{background:linear-gradient(135deg,#0D0810,#140610);border:1px solid #5C1A4A}.sw-card-velvet-1{background:linear-gradient(180deg,#2A0D1F,#140610);border:1px solid rgba(180,50,120,.4)}.sw-card-velvet-2{background:linear-gradient(180deg,#4A1035,#2A0D1F);border:1px solid rgba(255,80,180,.7);box-shadow:0 0 5px #ff50b473}.sw-card-velvet-3{background:linear-gradient(180deg,#1E0818,#140610);border:1px solid rgba(180,50,120,.35);border-top:2px solid rgba(255,80,180,.9)}.theme-swatch-phantom{background:linear-gradient(135deg,#08060F,#0D0818);border:1px solid #3D1870}.sw-card-phantom-1{background:linear-gradient(180deg,#1A0B35,#0D0818);border:1px solid rgba(130,60,220,.45)}.sw-card-phantom-2{background:linear-gradient(180deg,#2E1260,#1A0B35);border:1px solid rgba(160,90,255,.75);box-shadow:0 0 5px #a05aff73}.sw-card-phantom-3{background:linear-gradient(180deg,#140A28,#0D0818);border:1px solid rgba(130,60,220,.4);border-top:2px solid rgba(160,90,255,.95)}.theme-swatch-admiral{background:linear-gradient(135deg,#06091A,#0A0E24);border:1px solid #1A2545}.sw-card-admiral-1{background:linear-gradient(180deg,#0E1633,#06091A);border:1px solid rgba(120,140,180,.35)}.sw-card-admiral-2{background:linear-gradient(180deg,#1A2545,#0E1633);border:1px solid rgba(180,200,230,.65);box-shadow:0 0 5px #a0b9dc66}.sw-card-admiral-3{background:linear-gradient(180deg,#0C1228,#06091A);border:1px solid rgba(120,140,180,.3);border-top:2px solid rgba(180,200,230,.9)}.theme-swatch-cosmos{background:radial-gradient(ellipse at 30% 30%,#0A0520 0%,#000106 70%);border:1px solid #0D0A1E}.sw-card-cosmos-1{background:linear-gradient(180deg,#0D0A20,#000106);border:1px solid rgba(0,200,255,.3)}.sw-card-cosmos-2{background:linear-gradient(180deg,#160D30,#0D0A20);border:1px solid rgba(0,229,255,.7);box-shadow:0 0 6px #00e5ff80}.sw-card-cosmos-3{background:linear-gradient(180deg,#0A0620,#000106);border:1px solid rgba(157,78,221,.5);border-top:2px solid rgba(0,229,255,.95)}.event-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;padding:24px;width:100%;max-width:500px;margin:0 auto;box-shadow:0 20px 50px #00000080;border:2px solid rgba(100,116,139,.3);transition:all .3s ease;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#22c55e,#f59e0b);opacity:.6}.event-card:hover{border-color:#64748b99;box-shadow:0 25px 60px #0009;transform:translateY(-5px)}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.event-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.event-category{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid currentColor}.event-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.3}.event-pools{margin-bottom:24px}.pool-bars{display:flex;height:50px;border-radius:12px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 2px 8px #0006}.yes-bar,.no-bar{display:flex;align-items:center;justify-content:center;transition:all .4s ease;position:relative}.yes-bar{background:linear-gradient(135deg,#22c55e,#16a34a)}.no-bar{background:linear-gradient(135deg,#ef4444,#dc2626)}.pool-label{font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pool-amounts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pool-amount{padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.pool-amount.yes{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.pool-amount.no{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.pool-amount .amount{font-size:16px;font-weight:700;color:#fff}.pool-amount .label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.event-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(30,41,59,.6);border-radius:12px;border:1px solid rgba(100,116,139,.2)}.stat-icon{font-size:20px}.stat div{display:flex;flex-direction:column}.stat-value{font-size:14px;font-weight:700;color:#fff}.stat-label{font-size:10px;color:#64748b;text-transform:uppercase}.user-prediction{padding:16px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;gap:12px;font-weight:600;border:2px dashed}.user-prediction.yes{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}.user-prediction.no{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.prediction-icon{font-size:24px}.prediction-text{font-size:14px}.bet-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bet-button{padding:16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.bet-button:disabled{opacity:.5;cursor:not-allowed}.bet-button.yes{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e66}.bet-button.yes:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99}.bet-button.no{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444466}.bet-button.no:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.button-icon{font-size:20px}.connect-prompt{text-align:center;color:#94a3b8;font-size:13px;margin:16px 0 0;font-style:italic}@media (max-width: 640px){.event-card{padding:20px}.event-title{font-size:18px}.event-stats{grid-template-columns:1fr}.stat{justify-content:center}}.swipe-deck{width:100%;max-width:600px;margin:0 auto;padding:20px}.swipe-deck-empty{text-align:center;padding:60px 20px;color:#94a3b8;font-size:18px}.deck-progress{margin-bottom:20px}.progress-text{display:block;text-align:center;color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:8px}.progress-bar{height:4px;background:rgba(100,116,139,.2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width .3s ease;border-radius:2px}.deck-card-container{margin-bottom:24px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deck-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(30,41,59,.6);border:2px solid rgba(100,116,139,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover:not(:disabled){background:rgba(51,65,85,.8);border-color:#64748b99;transform:translateY(-2px)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.nav-icon{font-size:18px}.nav-text{font-size:14px}.deck-dots{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:rgba(100,116,139,.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#22c55e)}.dot:hover:not(.active){background:rgba(100,116,139,.6);transform:scale(1.3)}.dots-more{color:#64748b;font-size:20px;font-weight:700}.swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:12px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:12px;animation:pulse 2s ease infinite}.hint-icon{font-size:24px}.hint-text{color:#60a5fa;font-size:13px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 640px){.swipe-deck{padding:12px}.nav-button{padding:10px 16px}.nav-text{display:none}.nav-icon{font-size:20px}}.event-prediction-page{min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);position:relative}.event-content{max-width:1200px;margin:0 auto;padding:40px 20px}.event-header{text-align:center;margin-bottom:48px}.page-title{font-size:42px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#22c55e,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-1px}.page-subtitle{font-size:16px;color:#94a3b8;margin:0;font-weight:500}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;max-width:800px;margin-left:auto;margin-right:auto}.stat-box{background:rgba(30,41,59,.6);border:2px solid rgba(100,116,139,.3);border-radius:16px;padding:24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-box:hover{border-color:#64748b99;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.stat-number{display:block;font-size:36px;font-weight:800;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#3b82f6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.bet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.bet-modal{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2px solid rgba(100,116,139,.5);border-radius:24px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 24px;text-align:center}.modal-event-info{text-align:center;margin-bottom:24px;padding:20px;background:rgba(30,41,59,.6);border-radius:16px}.event-icon-large{font-size:64px;display:block;margin-bottom:12px}.event-question{font-size:16px;color:#e2e8f0;margin:0;font-weight:600;line-height:1.4}.modal-position{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:12px;margin-bottom:24px;font-weight:700;font-size:18px}.modal-position.yes{background:rgba(34,197,94,.15);border:2px solid #22c55e;color:#22c55e}.modal-position.no{background:rgba(239,68,68,.15);border:2px solid #ef4444;color:#ef4444}.position-icon{font-size:28px}.modal-amount{margin-bottom:24px}.amount-label{display:block;font-size:14px;color:#94a3b8;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.amount-input{width:100%;padding:16px;background:rgba(30,41,59,.6);border:2px solid rgba(100,116,139,.3);border-radius:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;outline:none;transition:all .3s ease}.amount-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.quick-amount-btn{padding:10px;background:rgba(30,41,59,.6);border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-amount-btn:hover:not(:disabled){background:rgba(51,65,85,.8);border-color:#3b82f6;color:#fff}.quick-amount-btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-cancel,.btn-confirm{padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.btn-cancel{background:rgba(100,116,139,.2);border:2px solid rgba(100,116,139,.4);color:#94a3b8}.btn-cancel:hover:not(:disabled){background:rgba(100,116,139,.3);border-color:#64748b99}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f666}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.page-title{font-size:32px}.stats-summary{grid-template-columns:1fr;gap:12px}.stat-box{padding:16px}.stat-number{font-size:28px}.bet-modal{padding:24px}.modal-title{font-size:20px}.event-icon-large{font-size:48px}}.games-hub-page{min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%)}.games-content{max-width:1400px;margin:0 auto;padding:40px 20px}.games-hero{text-align:center;margin-bottom:48px}.games-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#22c55e,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-1px}.games-subtitle{font-size:16px;color:#94a3b8;margin:0;font-weight:500}.games-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.category-filters{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-btn{padding:10px 24px;background:rgba(30,41,59,.6);border:2px solid rgba(100,116,139,.3);border-radius:12px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-btn:hover{background:rgba(51,65,85,.8);border-color:#64748b99;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(34,197,94,.3));border-color:#22c55e;color:#fff;box-shadow:0 0 20px #22c55e66}.search-bar{max-width:500px;margin:0 auto;width:100%;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}.search-input{width:100%;padding:14px 14px 14px 50px;background:rgba(30,41,59,.6);border:2px solid rgba(100,116,139,.3);border-radius:12px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::-moz-placeholder{color:#64748b}.search-input::placeholder{color:#64748b}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.game-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:16px;overflow:hidden;border:2px solid rgba(100,116,139,.3);transition:all .3s ease;position:relative;cursor:pointer}.game-card:hover{border-color:#3b82f699;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:10;box-shadow:0 4px 12px #f59e0b66}.external-game-label{position:absolute;top:12px;left:12px;background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;z-index:10;display:flex;align-items:center;gap:4px;transition:all .3s ease}.external-game-label svg{width:12px;height:12px}.external-game-label:hover{background:rgba(30,41,59,1);border-color:#94a3b880}.game-image{position:relative;width:100%;height:200px;overflow:hidden;background:#0f172a}.game-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-image img{transform:scale(1.1)}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.game-card:hover .game-overlay{opacity:1}.play-overlay-btn{padding:12px 28px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #22c55e66;transition:all .3s ease}.play-overlay-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #22c55e99}.game-info{padding:20px}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.game-name{font-size:18px;font-weight:700;color:#fff;margin:0;flex:1}.game-category{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:8px}.game-description{font-size:14px;color:#94a3b8;margin:0 0 16px;line-height:1.5}.play-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.play-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.play-btn:disabled{background:rgba(100,116,139,.3);cursor:not-allowed;box-shadow:none}.no-games{text-align:center;padding:60px 20px;color:#64748b;font-size:18px;grid-column:1 / -1}.connect-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(59,130,246,.1);border:2px solid rgba(59,130,246,.3);border-radius:12px;max-width:600px;margin:0 auto}.notice-icon{font-size:24px}.connect-notice p{color:#60a5fa;font-size:15px;font-weight:600;margin:0}@media (max-width: 1024px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.games-title{font-size:36px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.category-filters{gap:8px}.category-btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.games-content{padding:20px 12px}.games-title{font-size:28px}.games-grid{grid-template-columns:1fr}.game-image{height:180px}}.earn-page{min-height:100vh;background:linear-gradient(135deg,#0a0e17 0%,#111827 50%,#0f172a 100%);padding:0 1rem 3rem;color:#e2e8f0}.earn-content{max-width:1200px;margin:0 auto}.earn-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(15,23,42,.9));border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#8b5cf666;box-shadow:0 8px 32px #8b5cf626}.stat-card:hover:before{opacity:1}.stat-card-icon{font-size:2rem;margin-bottom:.5rem}.stat-card-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-card-value{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#e2e8f0,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.25rem}.earn-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:rgba(15,23,42,.6);border-radius:12px;padding:.35rem;border:1px solid rgba(100,116,139,.2);width:-moz-fit-content;width:fit-content}.earn-tab{padding:.6rem 1.5rem;border-radius:10px;border:none;background:transparent;color:#94a3b8;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s ease;white-space:nowrap}.earn-tab:hover{color:#e2e8f0;background:rgba(139,92,246,.1)}.earn-tab-active{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(6,182,212,.2))!important;color:#e2e8f0!important;box-shadow:0 2px 8px #8b5cf633;border:1px solid rgba(139,92,246,.3)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.pool-card{background:linear-gradient(145deg,rgba(30,41,59,.85),rgba(15,23,42,.95));border:1px solid rgba(100,116,139,.15);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pool-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%);pointer-events:none;transition:opacity .5s ease;opacity:0}.pool-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 12px 40px #8b5cf61f,0 4px 16px #0000004d}.pool-card:hover:after{opacity:1}.pool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.pool-token-info{display:flex;align-items:center;gap:.75rem}.pool-token-icons{display:flex;align-items:center}.pool-token-icon{font-size:2rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.1);border-radius:12px;border:1px solid rgba(139,92,246,.2)}.pool-token-icon-overlap{margin-left:-.75rem;z-index:1}.pool-name{font-size:1.1rem;font-weight:700;color:#f1f5f9}.pool-subtitle{font-size:.75rem;color:#64748b;margin-top:.15rem}.multiplier-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:.75rem;font-weight:800;padding:.3rem .6rem;border-radius:8px;letter-spacing:.02em;box-shadow:0 2px 8px #8b5cf64d}.pool-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.pool-stat{background:rgba(15,23,42,.5);border-radius:12px;padding:.75rem;border:1px solid rgba(100,116,139,.1)}.pool-stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pool-stat-value{font-size:1.05rem;font-weight:700;color:#e2e8f0;margin-top:.2rem}.pool-stat-value.apr{color:#4ade80}.pool-stat-value.tvl{color:#38bdf8}.pool-user-section{background:rgba(15,23,42,.4);border-radius:14px;padding:1rem;border:1px solid rgba(100,116,139,.1);margin-bottom:1rem}.pool-user-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pool-user-row:last-child{margin-bottom:0}.pool-user-label{font-size:.8rem;color:#94a3b8}.pool-user-value{font-size:.9rem;font-weight:600;color:#e2e8f0}.pool-user-value.reward{color:#fbbf24}.pool-actions{display:flex;gap:.5rem}.pool-btn{flex:1;padding:.7rem 1rem;border-radius:12px;border:none;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.pool-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pool-btn-stake{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.pool-btn-stake:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.pool-btn-unstake{background:rgba(100,116,139,.2);color:#e2e8f0;border:1px solid rgba(100,116,139,.3)}.pool-btn-unstake:hover:not(:disabled){background:rgba(100,116,139,.3);transform:translateY(-1px)}.pool-btn-harvest{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.pool-btn-harvest:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.earn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.earn-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:2rem;width:90%;max-width:440px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.earn-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.earn-modal-title{font-size:1.2rem;font-weight:700;color:#f1f5f9}.earn-modal-close{background:rgba(100,116,139,.2);border:none;color:#94a3b8;width:2rem;height:2rem;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.earn-modal-close:hover{background:rgba(239,68,68,.2);color:#ef4444}.earn-input-group{margin-bottom:1.5rem}.earn-input-label{font-size:.8rem;color:#94a3b8;margin-bottom:.5rem;display:block}.earn-input-wrapper{display:flex;align-items:center;background:rgba(15,23,42,.6);border:1px solid rgba(100,116,139,.3);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.earn-input-wrapper:focus-within{border-color:#8b5cf699;box-shadow:0 0 0 2px #8b5cf61a}.earn-input{flex:1;background:transparent;border:none;padding:.8rem 1rem;color:#e2e8f0;font-size:1.1rem;font-weight:600;outline:none}.earn-input::-moz-placeholder{color:#475569}.earn-input::placeholder{color:#475569}.earn-input-max{padding:.4rem .8rem;margin-right:.5rem;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.earn-input-max:hover{background:rgba(139,92,246,.3)}.earn-modal-submit{width:100%;padding:.85rem;border-radius:12px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #8b5cf64d}.earn-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf666}.earn-modal-submit:disabled{opacity:.5;cursor:not-allowed}.pool-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:6px}.pool-status-live{background:rgba(74,222,128,.15);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.pool-status-mock{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.pool-fee-badge{font-size:.7rem;color:#94a3b8;background:rgba(100,116,139,.15);padding:.15rem .4rem;border-radius:4px}.earn-connect-prompt{text-align:center;padding:3rem 2rem;background:rgba(30,41,59,.5);border-radius:20px;border:1px dashed rgba(100,116,139,.3)}.earn-connect-prompt-icon{font-size:3rem;margin-bottom:1rem}.earn-connect-prompt-text{color:#94a3b8;font-size:1rem;margin-bottom:.5rem}.earn-connect-prompt-sub{color:#64748b;font-size:.85rem}.earn-empty-state{text-align:center;padding:4rem 2rem;color:#64748b}.earn-empty-icon{font-size:3.5rem;margin-bottom:1rem}.deposit-fee-notice{font-size:.75rem;color:#64748b;text-align:center;margin-top:.5rem}@media (max-width: 768px){.earn-page{padding:0 .75rem 2rem}.earn-stats-grid,.pool-grid,.pool-stats{grid-template-columns:1fr}.pool-actions{flex-direction:column}.earn-tabs{width:100%;overflow-x:auto}}@media (max-width: 480px){.stat-card{padding:1rem}.stat-card-value{font-size:1.3rem}.pool-card{padding:1.25rem}}html{background:var(--bg-page, #0B0E11)}body{font-family:Kanit,Inter,Arial,sans-serif;background:var(--bg-page, #0B0E11);color:var(--text-1, #e2e8f0);margin:0;padding:0;min-height:100vh}.bg-yellow-50{background:linear-gradient(145deg,#1a1a2e,#16213e)!important;color:#fff!important;border:2px solid rgba(0,255,204,.3)}.bg-white,.bg-white\/90{background:linear-gradient(145deg,#0f3460,#16537e)!important;color:#fff!important;border:1px solid rgba(0,255,204,.2)}.bg-blue-50{background:linear-gradient(145deg,#1e3a8a,#1d4ed8)!important;color:#fff!important;border:1px solid rgba(59,130,246,.5)}.bg-yellow-50{background:linear-gradient(145deg,#1a1a2e,#16213e)!important;color:#fff!important}.bg-orange-100{background:linear-gradient(145deg,#ea580c,#dc2626)!important;color:#fff!important;border:1px solid rgba(251,146,60,.5)}.text-purple-800{color:#0fc!important}.text-purple-700{color:#6fd!important}.text-purple-600{color:#9fe!important}.text-orange-800{color:gold!important}.text-orange-700{color:#ffed4e!important}.text-blue-700{color:#60d9fa!important}.text-yellow-700{color:#fde047!important}.text-gray-600{color:#d1d5db!important}.text-gray-500{color:#9ca3af!important}.bg-orange-500{background:linear-gradient(145deg,#f97316,#ea580c)!important}.hover\:bg-orange-400:hover{background:linear-gradient(145deg,#fb923c,#f97316)!important}.from-red-900{--tw-gradient-from: #00ffcc !important}.to-yellow-400{--tw-gradient-to: #00b4d8 !important}.expired-tile-graphic{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:14px;padding:16px;box-shadow:0 0 20px #00ffcc1a;text-align:left;border:2px solid rgba(0,255,204,.2)}.expired-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expired-round{font-size:.85rem;font-weight:600;color:#0fc}.expired-direction{font-size:1.4rem;font-weight:700}.expired-up{color:#00ff91;text-shadow:0 0 10px #00ff91}.expired-down{color:#ff6b9d;text-shadow:0 0 10px #ff6b9d}.expired-body{font-size:.95rem;color:#e2e8f0;line-height:1.6}.expired-line{display:flex;justify-content:space-between;margin-bottom:8px}.label{font-weight:500;color:#94a3b8}.value{font-weight:600;color:#fff}.expired-result{margin-top:10px;font-weight:700;font-size:1rem;color:#0fc;text-align:center;padding:8px;background:rgba(0,255,204,.1);border-radius:8px;border:1px solid rgba(0,255,204,.3)}.direction-arrow{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;animation:pulseArrow 1.5s infinite ease-in-out;filter:drop-shadow(0 0 5px currentColor)}.direction-arrow.up{border-bottom:20px solid #00ff91}.direction-arrow.down{border-top:20px solid #ff6b9d}@keyframes pulseArrow{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}}.expired-arrow{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:0;height:0;animation:pulseArrow 1.5s ease-in-out infinite}.up-triangle{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:28px solid #00ff91;filter:drop-shadow(0 0 8px #00ff91)}.down-triangle{border-left:20px solid transparent;border-right:20px solid transparent;border-top:28px solid #ff6b9d;filter:drop-shadow(0 0 8px #ff6b9d)}.arrow-up{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #00ff91;margin-top:-12px;animation:float-up 1s infinite ease-in-out;filter:drop-shadow(0 0 6px #00ff91)}.arrow-down{border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid #ff6b9d;margin-top:10px;animation:float-down 1s infinite ease-in-out;filter:drop-shadow(0 0 6px #ff6b9d)}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.prediction-banner{width:100%;text-align:center;font-weight:700;color:#fff;font-size:1.2rem;padding:8px 0;position:absolute;left:0;z-index:1;text-shadow:0 0 10px rgba(0,0,0,.5)}.banner-up{top:0;background:linear-gradient(to bottom,#00ff91,#00d4aa);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);box-shadow:0 4px 15px #00ff914d}.banner-down{bottom:0;background:linear-gradient(to top,#ff6b9d,#e91e63);clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0% 100%);box-shadow:0 -4px 15px #ff6b9d4d}.wallet-connect-modal{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:14px;padding:20px;box-shadow:0 0 30px #0fc3;text-align:left;border:2px solid rgba(0,255,204,.3)}.wallet-connect-modal button{background:linear-gradient(145deg,#00ff91,#00d4aa);color:#0f172a;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #00ff914d}.wallet-connect-modal button:hover{background:linear-gradient(145deg,#00d4aa,#00ff91);transform:translateY(-2px);box-shadow:0 6px 20px #00ff9166}input,select,textarea{background:linear-gradient(145deg,#1e293b,#334155)!important;color:#fff!important;border:2px solid rgba(0,255,204,.3)!important}input:focus,select:focus,textarea:focus{border-color:#0fc!important;box-shadow:0 0 10px #00ffcc4d!important}.border-blue-200{border-color:#3b82f680!important}.border-yellow-200{border-color:#f59e0b80!important}.border-orange-300{border-color:#fb923c80!important}.animate-spin,.animate-pulse{filter:drop-shadow(0 0 5px currentColor)}.tile-container{padding:20px 0}.tile-wrapper{transition:transform .3s ease,box-shadow .3s ease}.tile-wrapper:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0fc3}.shadow-lg{box-shadow:0 10px 25px #0000004d,0 0 20px #00ffcc1a!important}.shadow-md{box-shadow:0 4px 15px #0003,0 0 10px #00ffcc0d!important}.shadow-sm{box-shadow:0 2px 8px #0000001a,0 0 5px #00ffcc08!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#00ffcc,#00b4d8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#00b4d8,#00ffcc)}.force-dark-bg{background:linear-gradient(135deg,#0b0c2a,#0a0c25)!important;min-height:100vh!important;color:#fff}@keyframes led-pulse{0%,to{box-shadow:0 0 4px currentColor,0 0 8px currentColor}50%{box-shadow:0 0 8px currentColor,0 0 16px currentColor,0 0 24px currentColor}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emboss-section{background:linear-gradient(145deg,rgba(0,0,0,.3),rgba(255,255,255,.03))!important;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff1a,inset 2px 0 4px #0000004d,inset -2px 0 4px #0000004d;border-radius:8px}.text-emboss-label{text-shadow:0 1px 0 rgba(255,255,255,.15),0 -1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.5);letter-spacing:.8px}.text-emboss-value{text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 3px rgba(0,0,0,.9),0 3px 6px rgba(0,0,0,.6),0 0 20px rgba(255,255,255,.1)}.text-emboss-price{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 2px 0 rgba(255,255,255,.2),0 -2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.5);filter:drop-shadow(0 0 8px currentColor)}.text-emboss-status{text-shadow:0 0 8px currentColor,0 0 16px currentColor,0 2px 4px rgba(0,0,0,.8)}.btn-emboss{background:linear-gradient(145deg,rgba(255,255,255,.15) 0%,transparent 40%,rgba(0,0,0,.2) 100%);box-shadow:0 4px 8px #0006,0 2px 4px #0000004d,inset 0 1px #ffffff4d,inset 0 -2px 4px #0000004d;border:1px solid rgba(255,255,255,.15);transition:all .15s ease}.btn-emboss-pressed{box-shadow:inset 0 3px 6px #00000080,inset 0 1px 2px #0006;transform:translateY(1px)}.led-glow{display:inline-block;width:10px;height:10px;border-radius:50%;animation:led-pulse 1.5s ease-in-out infinite}.led-glow-green{background:radial-gradient(circle,#22c55e 40%,#16a34a 100%);color:#22c55e}.led-glow-red{background:radial-gradient(circle,#ef4444 40%,#dc2626 100%);color:#ef4444}.card-inner-bevel{position:relative}.card-inner-bevel:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:inherit;box-shadow:inset 0 3px 8px #0006,inset 0 -2px 4px #ffffff0d,inset 3px 0 8px #0000004d,inset -3px 0 8px #0000004d;pointer-events:none;z-index:0}.divider-emboss{height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%,transparent);box-shadow:0 1px #ffffff1a;border:none;margin:0}.crown-metallic{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,215,0,.5)) drop-shadow(0 0 40px rgba(255,215,0,.3))}.stamp-effect{padding:4px 12px;border:2px solid currentColor;border-radius:6px;box-shadow:inset 0 2px 4px #0006,0 2px 4px #0000004d,0 0 15px #ffffff1a;text-transform:uppercase;letter-spacing:1px}.input-recessed{background:linear-gradient(145deg,rgba(0,0,0,.5),rgba(0,0,0,.3))!important;box-shadow:inset 0 3px 6px #00000080,inset 0 1px 2px #0006,0 1px #ffffff1a!important;border:2px solid rgba(255,255,255,.15)!important}.input-recessed:focus{box-shadow:inset 0 3px 6px #00000080,inset 0 1px 2px #0006,0 0 10px #22c55e66,0 1px #ffffff1a!important;border-color:#22c55e80!important}.quick-bet-btn{background:linear-gradient(145deg,rgba(40,40,60,.9),rgba(20,20,40,.9));box-shadow:0 2px 4px #0006,inset 0 1px #ffffff26,inset 0 -1px 2px #0000004d;border:1px solid rgba(255,255,255,.1)}.quick-bet-btn:active,.quick-bet-btn.selected{box-shadow:inset 0 2px 4px #00000080;transform:translateY(1px)}.card-expired .emboss-section{background:linear-gradient(145deg,rgba(0,0,0,.35),rgba(100,116,139,.08))!important}.card-live .emboss-section{background:linear-gradient(145deg,rgba(139,92,246,.15),rgba(0,0,0,.3))!important;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #a855f733,inset 2px 0 4px #0000004d,inset -2px 0 4px #0000004d}.card-upcoming .emboss-section{background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(0,0,0,.3))!important;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #22c55e26,inset 2px 0 4px #0000004d,inset -2px 0 4px #0000004d}