@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px}:root,[data-theme=dark]{--bg-root:#0a0e17;--bg-card:#131a2a;--bg-card-hover:#1a2236;--bg-elevated:#1c2538;--bg-input:#0f1520;--bg-nav:#0d1220;--c-primary:#3b82f6;--c-primary-dim:#3b82f626;--c-accent:#f0b90b;--c-accent-dim:#f0b90b1f;--c-green:#00d4aa;--c-green-dim:#00d4aa1f;--c-red:#ef4444;--c-red-dim:#ef44441f;--c-orange:#f59e0b;--c-purple:#a855f7;--text-1:#e8eaf0;--text-2:#8b95a8;--text-3:#4a5568;--border:#ffffff0f;--border-active:#3b82f666;--shadow:#00000080;--glass:#ffffff0a;--glass-md:#ffffff14}[data-theme=light]{--bg-root:#87ceeb;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-elevated:#f5f6f8;--bg-input:#fff;--bg-nav:#fff;--c-primary:#2563eb;--c-primary-dim:#2563eb1a;--c-accent:#d4a00a;--c-accent-dim:#d4a00a1a;--c-green:#059669;--c-green-dim:#0596691a;--c-red:#dc2626;--c-red-dim:#dc26261a;--c-orange:#d97706;--c-purple:#7c3aed;--text-1:#1a1a2e;--text-2:#64748b;--text-3:#94a3b8;--border:#00000014;--border-active:#2563eb66;--shadow:#00000014;--glass:#00000008;--glass-md:#0000000f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:var(--bg-root);width:100%;height:100%;color:var(--text-1);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,SF Pro Display,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px}#root{justify-content:center;display:flex}.app-container{background:var(--bg-root);width:100%;max-width:500px;min-height:100vh;position:relative;overflow-x:hidden}.page-content{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.4}to{opacity:1}}nav{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px))!important}::-webkit-scrollbar{display:none}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}.skeleton{background:var(--bg-elevated);border-radius:var(--r-sm);animation:1.2s ease-in-out infinite skeleton-pulse}.card{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border)}.btn-primary{background:var(--c-primary);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{background:var(--text-3);cursor:not-allowed;opacity:.5}.btn-success{background:var(--c-green);color:#000;border-radius:var(--r-md);cursor:pointer;border:none;font-size:14px;font-weight:600}.tab-indicator{background:var(--c-primary);border-radius:1px;width:24px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.trend-ball{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.trend-ball.odd{background:var(--c-red-dim);color:var(--c-red);border:1px solid #ef44444d}.trend-ball.even{background:var(--c-primary-dim);color:var(--c-primary);border:1px solid #3b82f64d}.trend-ball.big{background:var(--c-green-dim);color:var(--c-green);border:1px solid #00d4aa4d}.trend-ball.small{background:var(--c-accent-dim);color:var(--c-accent);border:1px solid #f0b90b4d}.toast{background:var(--bg-elevated);color:var(--text-1);border-radius:var(--r-md);z-index:9999;pointer-events:none;white-space:nowrap;border:1px solid var(--border);padding:12px 24px;font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}@keyframes marquee-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes marquee-slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes banner-fade{0%{opacity:0}to{opacity:1}}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes countdown-urgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}@keyframes ring-glow{0%,to{filter:drop-shadow(0 0 2px #ef44444d)}50%{filter:drop-shadow(0 0 8px #ef444499)}}@keyframes drawing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drawing-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes drawing-glow{0%,to{box-shadow:0 0 8px #3b82f64d,0 0 16px #3b82f61a}50%{box-shadow:0 0 16px #3b82f680,0 0 32px #3b82f633}}@keyframes drawing-text-flash{0%,to{opacity:1}50%{opacity:.5}}@keyframes digit-flip{0%{opacity:0;transform:translateY(-30%)rotateX(30deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes firework-particle{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0}}@keyframes firework-burst{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes win-shine{0%{background-position:-200%}to{background-position:200%}}@keyframes win-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card-hover{animation:.35s ease-out both game-card-in}.game-card-hover:first-child{animation-delay:0s}.game-card-hover:nth-child(2){animation-delay:30ms}.game-card-hover:nth-child(3){animation-delay:60ms}.game-card-hover:nth-child(4){animation-delay:90ms}.game-card-hover:nth-child(5){animation-delay:.12s}.game-card-hover:nth-child(6){animation-delay:.15s}.game-card-hover:nth-child(7){animation-delay:.18s}.game-card-hover:nth-child(8){animation-delay:.21s}.game-card-hover:nth-child(9){animation-delay:.24s}.game-card-hover:nth-child(10){animation-delay:.27s}.game-card-hover:nth-child(11){animation-delay:.3s}.game-card-hover:nth-child(12){animation-delay:.33s}.game-card-hover:nth-child(13){animation-delay:.36s}.game-card-hover:nth-child(14){animation-delay:.39s}@keyframes game-card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.game-card-hover:active{transition:transform .1s!important;transform:scale(.97)!important}@media(hover:hover){.game-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;max-width:500px;margin:0 auto;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-card);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--border);width:100%;max-height:80vh;padding:20px 16px;animation:.3s ease-out slideUp;overflow-y:auto}input[type=text],input[type=password],input[type=number],input[type=tel]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:var(--r-md);transition:border-color .2s}input::-moz-placeholder{color:var(--text-3)}input::placeholder{color:var(--text-3)}input:focus{outline:none;border-color:var(--c-primary)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}