@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background:#bdc3ff;color:#333;min-height:100vh;image-rendering:pixelated;line-height:1.6;font-size:8px}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:8px;background:#bdc3ff;position:relative;flex:1}.success-message{background:#0ff;color:#000;border:2px solid #ffffff;padding:8px 12px;margin:8px 0;font-size:8px;text-align:center}.error-message{background:#d32f2f;color:#fff;border:2px solid #b71c1c;padding:8px 12px;margin:8px 0;font-size:8px;text-align:center}button{font-family:"Press Start 2P",monospace;background:#ff6b6b;color:#fff;border:2px solid #d32f2f;padding:8px 12px;font-size:8px;cursor:pointer;transition:all .2s ease}button:hover{background:#f55555;transform:scale(1.02)}button:active{background:#e04444;transform:scale(.98)}button:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none}input[type=number],input[type=text]{font-family:"Press Start 2P",monospace;background:#fff;color:#333;border:2px solid #cccccc;padding:4px 8px;font-size:8px;width:100%}input[type=number]:focus,input[type=text]:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 4px #ff6b6b4d}a{color:#06c;text-decoration:none}a:hover{color:#ff6b6b;text-decoration:underline}section{background:#fff;border:2px solid #cccccc;padding:16px;margin-bottom:16px;box-shadow:0 4px 8px #0000001a}section h2{font-size:10px;color:#333;margin-bottom:12px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:8px}section h3{font-size:9px;color:#333;margin-bottom:8px;margin-top:12px}section p{font-size:8px;line-height:1.8;margin-bottom:8px}.layout{display:flex;flex-direction:column;min-height:100vh;background:#bdc3ff}.site-header{background:#fff;border-bottom:2px solid #cccccc;box-shadow:0 2px 4px #0000001a;padding:12px 16px}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:40px}.logo-section{display:flex;flex-direction:column;align-items:center}.site-logo{max-width:150px;height:auto;image-rendering:pixelated}.tagline{font-size:6px;color:#333;margin-top:4px;text-align:center}.main-nav{display:flex;gap:12px;align-items:center}.main-nav a{padding:8px 12px;background:#f0f0f0;border:2px solid #cccccc;border-radius:5px;color:#333;text-decoration:none;font-size:8px;transition:all .2s ease;line-height:1}.main-nav a:hover{background:#ff6b6b;border-color:#d32f2f;color:#fff}.wallet-section{display:flex;align-items:center;gap:8px}.connect-dropdown{position:relative}.connect-btn,.disconnect-btn{font-size:8px;padding:8px 12px;background:#ff6b6b;border:2px solid #d32f2f;border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease;line-height:1}.connect-btn:hover{background:#f55555}.disconnect-btn{background:#ccc;border-color:#999;border-radius:5px;color:#333}.disconnect-btn:hover{background:#999}.connector-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:2px solid #cccccc;border-radius:5px;box-shadow:4px 4px #0003;z-index:1000;min-width:150px}.connector-option{display:block;width:100%;padding:8px 12px;font-size:7px;text-align:left;background:transparent;border:none;border-bottom:1px solid #e0e0e0;color:#333;cursor:pointer;transition:background .2s ease}.connector-option:last-child{border-bottom:none}.connector-option:hover{background:#f0f0f0;color:#333}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:16px}.site-footer{background:#fff;border-top:2px solid #cccccc;padding:16px;margin-top:32px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.footer-section h4{font-size:9px;color:#333;margin-bottom:8px}.footer-section p{font-size:7px;color:#666;line-height:1.6}.footer-nav,.social-links,.contract-links{display:flex;flex-direction:column;gap:6px}.footer-nav a,.social-links a,.contract-links a{font-size:7px;color:#06c;text-decoration:none}.footer-nav a:hover,.social-links a:hover,.contract-links a:hover{color:#ff6b6b}.footer-bottom{max-width:1200px;margin:16px auto 0;text-align:center;padding-top:16px;border-top:1px solid #e0e0e0}.footer-bottom p{font-size:6px;color:#999}@media(max-width:768px){.header-container{flex-direction:column;align-items:center;gap:16px}.logo-section{align-items:center}.main-nav{justify-content:center;flex-wrap:wrap;width:100%}.wallet-section{justify-content:center;width:100%}.disconnect-btn,.connect-btn{width:100%}}.home-page{padding:0}.hero{text-align:center;padding:48px 24px;background:#fff;border:2px solid #cccccc;border-radius:10px;margin-bottom:24px;box-shadow:0 4px 8px #0000001a}.hero-logo{max-width:300px;height:auto;margin-bottom:16px;image-rendering:pixelated;image-rendering:crisp-edges}.hero h1{font-size:24px;color:#333;margin-bottom:16px;text-shadow:2px 2px 0px #ff6b6b}.hero-subtitle{font-size:10px;color:#666;margin-bottom:24px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{font-family:"Press Start 2P",monospace;padding:12px 24px;font-size:10px;text-decoration:none;border:2px solid;cursor:pointer;transition:all .2s ease;display:inline-block}.cta-button.primary{background:#ff6b6b;color:#fff;border-color:#d32f2f}.cta-button.primary:hover{background:#f55555;transform:scale(1.05)}.cta-button.secondary{background:#fff;color:#333;border-color:#ccc}.cta-button.secondary:hover{background:#f0f0f0;border-color:#999}.cta-button.large{padding:16px 32px;font-size:12px}.features{margin-bottom:24px;background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;box-shadow:0 4px 8px #0000001a}.features h2{font-size:16px;color:#333;margin-bottom:16px;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-card{background:#f0f0f0;border:2px solid #cccccc;border-radius:10px;padding:16px;text-align:center}.feature-icon{font-size:20px;color:#ff6b6b;margin-bottom:12px;font-weight:700}.feature-card h3{font-size:9px;color:#333;margin-bottom:8px}.feature-card p{font-size:7px;color:#666;line-height:1.6}.stats{margin-bottom:24px;background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;box-shadow:0 4px 8px #0000001a}.stats h2{font-size:16px;color:#333;margin-bottom:16px;text-align:center}.stat-card{background:#f0f0f0;border:2px solid #cccccc;border-radius:10px;padding:24px;text-align:center}.stat-value{font-size:18px;color:#ff6b6b;margin-bottom:8px;font-weight:700}.stat-label{font-size:7px;color:#666}.cta-section{text-align:center;padding:48px 24px;background:#fff;border:2px solid #cccccc;border-radius:10px;box-shadow:0 4px 8px #0000001a}.cta-section h2{font-size:16px;color:#333;margin-bottom:12px}.cta-section p{font-size:9px;color:#666;margin-bottom:24px}@media(max-width:768px){.hero h1{font-size:18px}.feature-grid,.stats-grid{grid-template-columns:1fr}}.container{max-width:500px;margin:0 auto}.header{text-align:center;padding:20px 10px;background:#fff;border:2px solid #cccccc;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.header img{max-width:200px;height:auto;margin-bottom:10px}.header .tagline{font-size:7px;color:#000;margin-top:5px}.wallet-info{font-size:8px;padding:8px;background:#f0f0f0;border-radius:5px;margin-top:10px;color:#000}.jackpot-display{background:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:20px;border:2px solid #cccccc;box-shadow:0 4px 8px #0000001a}.jackpot-label{font-size:10px;margin-bottom:5px;color:#000}.jackpot-amount{font-size:24px;color:#ff6b6b;font-weight:700}.horse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.horse-card{background:#fff;border:2px solid #cccccc;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all .2s}.horse-card:active{transform:scale(.95)}.horse-card.selected{border-color:#ff6b6b;background:#fff5f5;box-shadow:0 0 10px #ff6b6b80}.horse-sprite{width:48px;height:48px;margin:0 auto 5px;image-rendering:pixelated}.horse-number{font-size:12px;color:#000}.bet-section{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;border:2px solid #cccccc;box-shadow:0 4px 8px #0000001a}.bet-label{font-size:10px;margin-bottom:10px;text-align:center;color:#000}.bet-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.bet-btn{padding:15px;background:#f0f0f0;border:2px solid #cccccc;border-radius:5px;color:#000;font-size:10px;cursor:pointer;transition:all .2s}.bet-btn:active{transform:scale(.95)}.bet-btn.active{background:#ff6b6b;border-color:#d32f2f;color:#fff}.balance-info{display:flex;justify-content:space-around;margin-top:5px;background:#e8f5e9;padding:8px;border-radius:5px;font-size:8px}.race-btn{width:100%;padding:20px;background:#ff6b6b;border:2px solid #d32f2f;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:20px;box-shadow:0 4px 8px #0003}.race-btn:active{transform:scale(.98);background:#f55555}.race-btn:disabled{opacity:.5;cursor:not-allowed;background:#ccc;border-color:#999}.status-message{background:#fff;padding:15px;border-radius:10px;text-align:center;font-size:10px;line-height:1.6;margin-bottom:20px;border:2px solid #cccccc;color:#000}.track-container{position:fixed;inset:0;background:#000000f2;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.track-container.active{display:flex}.track-inner{background:#1a202c;border-radius:10px;padding:20px;width:100%;max-width:800px;position:relative;min-height:400px}.track-close{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:8px;cursor:pointer;z-index:10}.track-lane{background:linear-gradient(90deg,#2d3748,#4a5568,#2d3748);height:20px;margin:4px 0;border-radius:5px;position:relative;border:1px solid #718096}.track-lane:after{content:"";position:absolute;right:30px;top:0;bottom:0;width:20px;background:repeating-conic-gradient(#000 0% 25%,#fff 0% 50%) 50% / 20px 20px;z-index:1;border-left:2px solid #fff}.lane-number{position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:10px;font-weight:700;z-index:1}.horse-racer{position:absolute;left:25px;top:50%;transform:translateY(-50%);width:24px;height:24px;image-rendering:pixelated;transition:none;z-index:10}.horse-racer.player-horse{filter:drop-shadow(0 0 8px rgba(255,215,0,.8));transform:translateY(-50%) scale(1.1)}.horse-racer.winner{filter:drop-shadow(0 0 12px rgba(255,215,0,1)) brightness(1.2)}.race-announcement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#4ade80;padding:30px 50px;border-radius:15px;font-size:24px;font-weight:700;text-align:center;z-index:100;display:none;border:3px solid #4ade80;text-shadow:0 0 10px rgba(74,222,128,.8)}.result-modal{position:fixed;inset:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:1000}.result-modal.active{display:flex}.result-content{background:#fff;padding:30px;border-radius:15px;text-align:center;border:2px solid #cccccc;max-width:90%;box-shadow:0 8px 16px #0000004d}.result-emoji{font-size:48px;margin-bottom:15px}.result-title{font-size:20px;margin-bottom:15px;color:#000}.result-details{font-size:10px;line-height:1.8;margin-bottom:20px;color:#000}.close-btn{padding:15px 30px;background:#ff6b6b;color:#fff;border:2px solid #d32f2f;border-radius:8px;font-size:12px;cursor:pointer}.loading{text-align:center;padding:20px;font-size:10px}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:10px auto}.hidden{display:none}.referrals-page{padding:0}.referrals-container{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 4px 8px #0000001a}.referrals-container h1{text-align:center;font-size:16px;margin-bottom:8px;color:#333}.referrals-subtitle{text-align:center;font-size:8px;margin-bottom:24px;color:#666}.status-message{background:#f0f0f0;padding:12px;margin-bottom:16px;border:2px solid #cccccc;border-radius:10px;text-align:center;font-size:8px;color:#333}.referral-section{background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px;margin-bottom:24px}.referral-section h2{font-size:12px;margin-bottom:12px;color:#333;text-align:center}.referral-link-box{display:flex;gap:8px;margin-bottom:8px}.referral-link-input{flex:1;padding:8px;font-size:7px;border:2px solid #cccccc;border-radius:5px;background:#fff;font-family:monospace}.copy-button{padding:8px 16px;font-size:7px;color:#fff;border:2px solid;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s ease}.copy-button.success{background:#4ade80;border-color:#22c55e}.copy-button.default{background:#ff6b6b;border-color:#d32f2f}.copy-button.default:hover{background:#f55555}.referral-hint{font-size:6px;text-align:center;color:#666}.rewards-section{margin-bottom:24px}.rewards-section h2{font-size:12px;margin-bottom:12px;color:#ff6b6b;text-align:center}.rewards-card{background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px;text-align:center}.rewards-label{font-size:8px;color:#666;margin-bottom:8px}.rewards-value{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.rewards-info{font-size:8px;color:#666;margin-bottom:16px}.claim-button{padding:12px 24px;font-size:9px;background:#ff6b6b;color:#fff;border:2px solid #d32f2f;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease}.claim-button:hover:not(:disabled){background:#f55555;transform:scale(1.05)}.claim-button:disabled{background:#ccc;border-color:#999;cursor:not-allowed;opacity:.6}.how-it-works{background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px;margin-bottom:24px}.how-it-works h2{font-size:12px;margin-bottom:12px;color:#333;text-align:center}.how-it-works ul{font-size:8px;line-height:1.8;margin-left:20px;color:#666}.stats-section{margin-bottom:24px}.stats-section h2{font-size:12px;margin-bottom:12px;color:#ff6b6b;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-box{background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px;text-align:center}.stat-box-label{font-size:8px;color:#666;margin-bottom:8px}.stat-box-value{font-size:18px;font-weight:700;color:#333}.global-stats{margin-top:24px;background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px}.global-stats h2{font-size:12px;margin-bottom:12px;color:#333;text-align:center}.referrals-cta{text-align:center;margin-top:24px}.referrals-cta-button{display:inline-block;padding:12px 24px;background:#ff6b6b;color:#fff;text-decoration:none;border:2px solid #d32f2f;border-radius:10px;font-size:10px;font-weight:700;transition:all .2s ease}.referrals-cta-button:hover{background:#f55555;transform:scale(1.05)}.connect-prompt{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;text-align:center;box-shadow:0 4px 8px #0000001a}.connect-prompt h2{font-size:14px;color:#333;margin-bottom:16px}.connect-prompt p{font-size:10px;color:#666}.story-page{padding:0}.story-container{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 4px 8px #0000001a}.story-container h2{text-align:center;font-size:16px;color:#333;margin-bottom:24px}.slideshow-wrapper{max-width:504px;margin:0 auto;position:relative}.slide-container{background:#f0f0f0;border:2px solid #cccccc;border-radius:10px;padding:10px;margin-bottom:12px;position:relative}.slide-container img{width:100%;height:auto;display:block;image-rendering:crisp-edges;border-radius:5px}.navigation-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.nav-arrow{background:#ff6b6b;border:2px solid #d32f2f;border-radius:8px;color:#fff;font-size:16px;width:40px;height:40px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-arrow:hover{background:#f55555;transform:scale(1.05)}.page-counter{background:#f0f0f0;color:#333;padding:8px 16px;font-size:9px;font-weight:700;border:2px solid #cccccc;border-radius:8px}.thumbnail-navigation{display:flex;gap:5px;overflow-x:auto;padding:6px;background:#f0f0f0;border:2px solid #cccccc;border-radius:8px;justify-content:center;flex-wrap:wrap}.thumbnail-button{width:32px;height:32px;padding:2px;border:2px solid #cccccc;border-radius:4px;background:#fff;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thumbnail-button:hover{transform:scale(1.1);border-color:#999}.thumbnail-button.active{border:3px solid #ff6b6b;background:#fff}.thumbnail-button img{width:100%;height:100%;object-fit:cover;image-rendering:crisp-edges}.text-navigation{display:flex;gap:8px;justify-content:center;margin-top:12px}.text-nav-button{padding:8px 16px;background:#99c;color:#fff;border:2px solid #7777aa;border-radius:8px;font-size:7px;font-weight:700;cursor:pointer;transition:all .2s ease}.text-nav-button:hover{background:#88b;transform:scale(1.05)}.story-cta{text-align:center;margin-top:32px}.story-cta p{font-size:10px;color:#ff6b6b;font-weight:700;margin-bottom:16px}.story-cta-button{display:inline-block;padding:10px 20px;background:#ff6b6b;color:#fff;text-decoration:none;border:2px solid #d32f2f;border-radius:8px;font-size:8px;font-weight:700;transition:all .2s ease}.story-cta-button:hover{background:#f55555;transform:scale(1.05)}.buy-page{padding:0}.buy-section{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;box-shadow:0 4px 8px #0000001a}.buy-section h2{font-size:16px;color:#333;margin-bottom:16px;text-align:center}.buy-content{padding:20px;text-align:center}.buy-content p{font-size:9px;color:#666;margin-bottom:20px}.token-address-box{background:#f0f0f0;padding:16px;margin-bottom:20px;border:2px solid #cccccc;border-radius:10px}.token-address-box h3{font-size:10px;color:#333;margin-bottom:12px}.token-address-box code{font-size:7px;word-break:break-all;background:#99c;color:#fff;padding:8px;display:block;border:2px solid #7777aa;border-radius:5px}.buy-links-title{font-size:10px;color:#333;margin-bottom:16px}.buy-links{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.buy-link{display:block;padding:12px 24px;color:#fff;text-decoration:none;border:2px solid;border-radius:10px;font-size:9px;font-weight:700;transition:all .2s ease}.buy-link.primary{background:#ff6b6b;border-color:#d32f2f}.buy-link.primary:hover{background:#f55555;transform:scale(1.02)}.buy-link.secondary{background:#99c;border-color:#77a}.buy-link.secondary:hover{background:#88b}.buy-disclaimer{margin-top:30px;font-size:7px;color:#666}.buy-disclaimer p{margin-bottom:8px}.whitepaper-page{padding:0}.whitepaper-container{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 4px 8px #0000001a}.whitepaper-container h1{text-align:center;font-size:16px;margin-bottom:8px;color:#333}.whitepaper-subtitle{text-align:center;font-size:9px;margin-bottom:24px;color:#666}.whitepaper-section{margin-bottom:24px}.whitepaper-section h2{font-size:12px;margin-bottom:12px;color:#ff6b6b}.whitepaper-section h3{font-size:10px;margin-bottom:8px;color:#333}.whitepaper-section p{font-size:8px;line-height:1.8;color:#666;margin-bottom:8px}.whitepaper-section ul{font-size:8px;line-height:1.8;margin-left:20px;color:#666}.whitepaper-section ul li{margin-bottom:4px}.whitepaper-highlight{background:#f0f0f0;padding:16px;border:2px solid #cccccc;border-radius:10px;margin-bottom:16px}.whitepaper-highlight h2,.whitepaper-highlight h3{color:#333}.whitepaper-highlight p,.whitepaper-highlight ul{color:#666}.contract-box{background:#f0f0f0;padding:12px;border:2px solid #cccccc;border-radius:10px;margin-bottom:12px}.contract-box p{font-size:8px;color:#333;margin-bottom:4px}.contract-address{font-size:7px;word-break:break-all;color:#666}.whitepaper-cta{text-align:center;margin-top:24px}.whitepaper-cta-button{display:inline-block;padding:12px 24px;background:#ff6b6b;color:#fff;text-decoration:none;border:2px solid #d32f2f;border-radius:10px;font-size:10px;font-weight:700;transition:all .2s ease}.whitepaper-cta-button:hover{background:#f55555;transform:scale(1.05)}.whitepaper-version{margin-top:24px;font-size:6px;color:#999;text-align:center}