*{margin:0;padding:0;box-sizing:border-box}:root{--breakpoint-small: 480px;--breakpoint-medium: 768px;--breakpoint-large: 1024px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--container-sm: 100%;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--grid-columns: 12;--grid-gap: var(--spacing-md);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--tg-bg-color: #ffffff;--tg-text-color: #000000;--tg-hint-color: #999999;--tg-link-color: #007AFF;--tg-button-color: #007AFF;--tg-button-text-color: #ffffff;--tg-secondary-bg-color: #f5f5f5;--viewport-height: 100vh;--telegram-viewport-height: 100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--tg-bg-color, #f5f5f5);color:var(--tg-text-color, #333);line-height:1.6;height:var(--viewport-height);overflow-x:hidden}body.tg-theme-dark{--tg-bg-color: #1c1c1e;--tg-text-color: #ffffff;--tg-hint-color: #8e8e93;--tg-secondary-bg-color: #2c2c2e}body.tg-theme-light{--tg-bg-color: #ffffff;--tg-text-color: #000000;--tg-hint-color: #999999;--tg-secondary-bg-color: #f5f5f5}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100%;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2)}.content-container{flex:1;padding-bottom:70px;overflow-y:auto}.gaming-app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff3;font-size:20px}.user-info{display:flex;flex-direction:column}.user-name{font-size:18px;font-weight:600;margin-bottom:2px}.user-balance{font-size:14px;color:#fffc}.header-actions{display:flex;gap:16px}.notification-icon{font-size:20px;opacity:.8}.featured-section{padding:20px}.featured-game{background:#ffffff1a;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.featured-image{position:relative;height:200px;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.featured-game:hover .play-overlay{opacity:1}.play-button{width:60px;height:60px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333}.featured-info{padding:16px;display:flex;align-items:center;gap:12px}.game-logo{width:48px;height:48px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px}.game-details{flex:1}.game-title{font-size:18px;font-weight:600;margin-bottom:4px}.game-subtitle{font-size:14px;color:#ffffffd9;margin-bottom:6px}.game-rating{display:flex;align-items:center;gap:6px}.stars{font-size:12px}.rating-text{font-size:12px;color:#ffffffb3}.game-action .play-btn{background:#00d4ff;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.game-action .play-btn:hover{background:#00b8e6;transform:translateY(-1px)}.game-action .play-btn.completed{background:#4caf50}.section{padding:0 20px 20px}.section-header{margin-bottom:16px}.section-header h3{font-size:20px;font-weight:600;margin-bottom:4px}.player-count{font-size:14px;color:#ffffffd9}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.game-card{background:#ffffff1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.game-card:hover{transform:translateY(-2px);background:#ffffff26}.game-card-image{height:120px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);display:flex;align-items:center;justify-content:center;font-size:32px;position:relative}.game-card-content{padding:12px}.game-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.game-card-subtitle{font-size:12px;color:#ffffffd9;margin-bottom:8px}.game-card-reward{font-size:12px;color:#00d4ff;font-weight:600}.language-switcher{position:absolute;top:20px;right:20px;z-index:1001}.language-selector{position:relative}.language-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-btn:hover{background:#fff3}.language-flag{font-size:16px}.language-name{font-weight:500}.language-arrow{font-size:10px;transition:transform .2s ease}.language-btn.open .language-arrow{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:140px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.language-dropdown.hidden{display:none}.language-option{display:flex;align-items:center;gap:8px;padding:12px;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:14px}.language-option:hover{background:#ffffff1a;color:#fff}.language-option.active{background:#00d4ff1a;color:#00d4ff}.gaming-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;animation:fadeInOut 4s ease-in-out;max-width:90%;text-align:center}.gaming-message.success{background:#4caf50f2;border-color:#81c78480;box-shadow:0 8px 32px #4caf5033}.gaming-message.error{background:#f44336f2;border-color:#e5737380;box-shadow:0 8px 32px #f4433633}.gaming-message.info{background:#2196f3f2;border-color:#64b5f680;box-shadow:0 8px 32px #2196f333}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.games-list{display:flex;flex-direction:column;gap:16px}.game-item{display:flex;align-items:center;background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);gap:16px}.game-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px}.game-name{font-size:18px;font-weight:600;margin-bottom:4px;color:#fff}.game-description{font-size:14px;color:#ffffffe6;margin-bottom:4px}.game-platforms{font-size:12px;color:#fffc}.game-actions{display:flex;flex-direction:column;gap:8px}.store-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:600;transition:all .2s ease;min-width:100px;justify-content:center}.ios-btn{background:#007aff;color:#fff}.ios-btn:hover{background:#0056cc;transform:translateY(-1px)}.android-btn{background:#34a853;color:#fff}.android-btn:hover{background:#2e7d32;transform:translateY(-1px)}.store-icon{font-size:14px}.store-text{font-size:11px}.about-card{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center;border:1px solid rgba(255,255,255,.1)}.app-logo h2{color:#fff;margin-top:12px}.app-version{color:#fffc;font-size:14px;margin-bottom:16px}.app-description{color:#ffffffe6;line-height:1.6}.support-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.btn-support{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:#08c;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.btn-support:hover{background:#069;transform:translateY(-1px)}.support-icon{font-size:18px}.terms-section{margin-top:24px;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.terms-section h4{color:#fff;margin-bottom:8px}.terms-section p{color:#ffffffd9;font-size:14px;margin-bottom:8px}.terms-section a{color:#00d4ff;text-decoration:none;font-size:14px}.terms-section a:hover{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:12px 0;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 0;width:20%;cursor:pointer;transition:all .2s ease;color:#fff9}.nav-icon{font-size:22px;margin-bottom:4px}.nav-label{font-size:11px;font-weight:500}.nav-item.active{color:#00d4ff}.nav-item.active .nav-label{font-weight:600}.nav-item:hover{color:#ffffffe6}.page-container{padding:20px;max-width:600px;margin:0 auto;color:#fff}.page-header{text-align:center;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;margin-bottom:8px;color:#fff}.page-header p{color:#fffc;font-size:16px}.section-title{margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.section-title h3{font-size:18px;font-weight:600;color:#fff}.referral-code-card,.balance-card,.stats-card,.about-card,.support-card,.reward-tiers-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.referral-code-card{text-align:center}.referral-code-card h3{margin-bottom:12px;font-size:16px;color:#ffffffe6}.code-display{background-color:#f8f9ff;border:1px dashed #007AFF;border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:20px;font-weight:600;color:#007aff;margin-bottom:12px;letter-spacing:1px}.btn-copy{background-color:transparent;border:1px solid #007AFF;color:#007aff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background-color:#007aff;color:#fff}.game-links{display:grid;grid-template-columns:1fr;gap:12px}.game-link-card{background-color:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000d}.game-info{flex:1}.game-platform{color:#666;font-size:14px}.share-btn{background-color:#007aff;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.share-btn:hover{background-color:#0056cc}.share-icon{margin-right:6px}.balance-card{text-align:center;padding:24px}.balance-label{font-size:16px;color:#666;margin-bottom:8px}.balance-amount{font-size:32px;font-weight:700;color:#007aff;margin-bottom:20px}.balance-actions{display:flex;justify-content:center}.stats-card{display:flex;justify-content:space-around;text-align:center}.stat-item{flex:1;padding:12px}.stat-value{font-size:24px;font-weight:700;color:#333;margin-bottom:4px}.stat-label{font-size:14px;color:#666}.transactions-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.transaction-item{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.transaction-item:last-child{border-bottom:none}.transaction-info{flex:1}.transaction-type{font-weight:600;font-size:16px;margin-bottom:4px}.transaction-date{color:#666;font-size:14px}.transaction-amount{font-weight:600;font-size:16px;color:#fff}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.transaction-status{font-size:12px;padding:4px 8px;border-radius:12px;margin-left:8px}.transaction-status.completed{background-color:#e3fff1;color:#34c759}.transaction-status.pending{background-color:#fff9e3;color:#ff9500}.transaction-status.failed{background-color:#ffe3e3;color:#ff3b30}.contacts-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.contact-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.contact-item:last-child{border-bottom:none}.contact-avatar{width:40px;height:40px;border-radius:50%;background-color:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:16px}.contact-info{flex:1}.contact-name{font-weight:600;font-size:16px;margin-bottom:4px;color:#fff}.contact-date{color:#fffc;font-size:14px}.contact-status{font-size:12px;padding:4px 8px;border-radius:12px}.contact-status.active{background-color:#e3fff1;color:#34c759}.contact-status.inactive{background-color:#f2f2f7;color:#8e8e93}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:#666;margin-bottom:20px}.btn-primary{background-color:#007aff;color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#0056cc}.btn-secondary{background-color:transparent;border:1px solid #007AFF;color:#007aff;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f0f8ff}.btn-support{display:flex;align-items:center;justify-content:center;background-color:#08c;color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-support:hover{background-color:#069}.support-icon{margin-right:8px;font-size:20px}.loading-indicator{text-align:center;padding:20px;color:#666}.about-card{text-align:center;padding:24px}.app-logo{margin-bottom:16px}.app-logo img{width:80px;height:80px;border-radius:16px;margin-bottom:12px}.app-logo h2{font-size:24px;font-weight:700}.app-version{color:#666;margin-bottom:16px}.app-description{color:#333;margin-bottom:16px}.games-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.game-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}.game-item:last-child{border-bottom:none}.game-icon{font-size:32px;margin-right:16px}.game-name{font-weight:600;font-size:16px;margin-bottom:4px}.game-platforms{color:#666;font-size:14px}.terms-section{margin-top:24px;text-align:center}.terms-section h4{font-size:16px;margin-bottom:8px}.terms-section p{color:#666;margin-bottom:8px}.terms-section a{color:#007aff;text-decoration:none}.reward-tiers-card{padding:20px}.reward-tiers-card h3{margin-bottom:16px;font-size:18px}.tier-item{margin-bottom:16px}.tier-info{display:flex;justify-content:space-between;margin-bottom:8px}.tier-name{font-weight:600}.tier-rate{color:#007aff}.tier-progress{display:flex;align-items:center}.progress-bar{flex:1;height:8px;background-color:#e9e9eb;border-radius:4px;overflow:hidden;margin-right:8px}.progress-fill{height:100%;background-color:#007aff;border-radius:4px}.progress-text{font-size:14px;color:#666;width:40px;text-align:right}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;align-items:center;justify-content:center}.modal.show{display:flex}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3{font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#007aff;outline:none}.form-hint{font-size:12px;color:#666;margin-top:4px}@media (min-width: 768px){.game-links,.game-grid{grid-template-columns:repeat(2,1fr)}.page-container{padding:24px}}@media (max-width: 768px){.page-container{padding:16px}.section{padding:0 16px 20px}.app-header,.featured-section{padding:16px}.stats-card{flex-direction:column;gap:12px}.stat-item{text-align:center}.game-item{flex-direction:column;align-items:flex-start;gap:12px}.game-actions{width:100%;flex-direction:row;justify-content:space-between}.store-btn{flex:1;margin:0 4px}}@media (max-width: 480px){.page-header h1{font-size:24px}.balance-amount{font-size:28px}.stat-value{font-size:20px}.page-container{padding:12px}.section{padding:0 12px 16px}.app-header,.featured-section{padding:12px}.user-name,.game-title{font-size:16px}.game-card-title{font-size:13px}.section-header h3{font-size:18px}.nav-icon{font-size:20px}.nav-label{font-size:10px}.language-switcher{top:12px;right:12px}.language-btn{padding:6px 8px;font-size:12px}}@media (prefers-color-scheme: dark){body{background-color:#1c1c1e;color:#fff}.bottom-nav,.referral-code-card,.balance-card,.stats-card,.about-card,.support-card,.reward-tiers-card,.transactions-list,.contacts-list,.games-list,.modal-content{background-color:#2c2c2e}.page-header p,.stat-label,.transaction-date,.contact-date,.app-version,.progress-text,.form-hint{color:#8e8e93}.section-title,.transaction-item,.contact-item,.game-item,.modal-header{border-bottom-color:#3a3a3c}.code-display{background-color:#1c1c1e;border-color:#0a84ff}.form-group input,.form-group select{background-color:#1c1c1e;border-color:#3a3a3c;color:#fff}.form-group input:focus,.form-group select:focus{border-color:#0a84ff}.progress-bar{background-color:#3a3a3c}.nav-item{color:#8e8e93}.nav-item.active{color:#0a84ff}.btn-copy{border-color:#0a84ff;color:#0a84ff}.btn-copy:hover{background-color:#0a84ff;color:#000}.btn-primary{background-color:#0a84ff}.btn-primary:hover{background-color:#0074e0}.btn-secondary{border-color:#0a84ff;color:#0a84ff}.btn-secondary:hover{background-color:#0a84ff1a}}.referral-levels-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.referral-levels-card h3{margin-bottom:16px;font-size:18px}.level-stats{display:flex;flex-direction:column;gap:12px}.level-item{display:flex;align-items:center}.level-icon{font-size:24px;margin-right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f8ff;border-radius:50%}.level-info{flex:1}.level-name{font-weight:600;margin-bottom:4px}.level-count{font-size:18px;font-weight:700;color:#007aff}.referral-tree{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.tree-container{min-width:100%}.tree-node{padding:8px 0;position:relative}.tree-node:before{content:"";position:absolute;left:10px;top:0;height:100%;width:1px;background-color:#ddd}.tree-node:first-child:before{top:50%}.tree-node:last-child:before{height:50%}.tree-node-content{display:flex;align-items:center;background-color:#f8f9ff;border-radius:8px;padding:8px 12px;position:relative;z-index:1}.tree-node-content:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:1px;background-color:#ddd}.tree-node-avatar{width:32px;height:32px;border-radius:50%;background-color:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;font-size:14px}.tree-node-info{flex:1}.tree-node-name{font-weight:600;font-size:14px}.tree-node-stats{font-size:12px;color:#666}.rewards-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.reward-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}.reward-item:last-child{border-bottom:none}.reward-icon{font-size:24px;margin-right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f8ff;border-radius:50%}.reward-info{flex:1}.reward-title{font-weight:600;font-size:16px;margin-bottom:4px;display:flex;align-items:center}.reward-level{font-size:12px;background-color:#f0f8ff;color:#007aff;padding:2px 6px;border-radius:10px;margin-left:8px}.reward-date{color:#666;font-size:14px}.reward-amount{font-weight:600;font-size:16px;color:#34c759}.empty-rewards{padding:24px;text-align:center;color:#666}.error-message{padding:16px;text-align:center;color:#ff3b30}@media (prefers-color-scheme: dark){.referral-levels-card,.referral-tree,.rewards-list{background-color:#2c2c2e}.level-icon,.reward-icon,.tree-node-content{background-color:#1c1c1e}.tree-node:before,.tree-node-content:before,.reward-item{border-color:#3a3a3c}.reward-level{background-color:#1c1c1e;color:#0a84ff}.level-count{color:#0a84ff}.reward-amount{color:#30d158}.empty-rewards{color:#8e8e93}.error-message{color:#ff453a}}.landing-page{max-width:600px;margin:0 auto;padding:20px}.game-header{display:flex;align-items:center;margin-bottom:24px}.game-header .game-icon{font-size:64px;margin-right:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#f0f8ff;border-radius:16px}.game-header .game-info{flex:1}.game-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.game-header p{color:#666;font-size:16px}.game-screenshots{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.screenshot{width:200px;height:120px;background-color:#f0f8ff;border-radius:8px;flex-shrink:0}.screenshot.placeholder{background:linear-gradient(45deg,#f0f8ff,#e6f2ff)}.game-details{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666}.detail-value{color:#333}.download-section{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;text-align:center}.referral-message{font-size:16px;margin-bottom:16px;color:#333}.download-button{display:inline-block;background-color:#007aff;color:#fff;border:none;border-radius:24px;padding:14px 28px;font-size:18px;font-weight:600;text-decoration:none;margin-bottom:12px;transition:all .2s ease}.download-button:hover{background-color:#0056cc;transform:translateY(-2px)}.store-note{font-size:14px;color:#666}.rewards-info{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.rewards-info h3{font-size:20px;font-weight:600;margin-bottom:12px;text-align:center}.rewards-info p{text-align:center;margin-bottom:16px;color:#333}.reward-tiers{display:flex;flex-direction:column;gap:12px}.tier{display:flex;align-items:center;background-color:#f8f9ff;border-radius:8px;padding:12px}.tier-icon{font-size:24px;margin-right:16px}.tier-info{flex:1}.tier-name{font-weight:600;margin-bottom:4px}.tier-reward{color:#007aff;font-weight:500}.error-page{max-width:400px;margin:40px auto;text-align:center;padding:20px}.error-icon{font-size:64px;margin-bottom:20px}.error-page h2{font-size:24px;font-weight:600;margin-bottom:12px}.error-page p{color:#666;margin-bottom:24px}@media (prefers-color-scheme: dark){.game-details,.download-section,.rewards-info{background-color:#2c2c2e}.game-header .game-icon,.screenshot.placeholder,.tier{background-color:#1c1c1e}.detail-item{border-bottom-color:#3a3a3c}.detail-label{color:#8e8e93}.detail-value,.referral-message,.rewards-info p{color:#fff}.store-note{color:#8e8e93}.download-button{background-color:#0a84ff}.download-button:hover{background-color:#0074e0}.tier-reward{color:#0a84ff}.error-page p{color:#8e8e93}}.download-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:16px 24px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;margin:8px;min-width:200px;position:relative;overflow:hidden}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;text-decoration:none}.download-button:active{transform:translateY(0)}.app-store-button{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff}.app-store-button:hover{background:linear-gradient(135deg,#0051d5,#003da5);color:#fff}.google-play-button{background:linear-gradient(135deg,#34a853,#0f9d58);color:#fff}.google-play-button:hover{background:linear-gradient(135deg,#0f9d58,#0d8043);color:#fff}.download-button.secondary{padding:12px 20px;min-width:160px;font-size:14px}.button-content{display:flex;flex-direction:column;align-items:center;gap:4px}.button-icon{font-size:24px;line-height:1}.button-label{font-size:16px;font-weight:600;line-height:1.2}.button-sublabel{font-size:12px;opacity:.9;font-weight:400}.multi-platform-download{text-align:center;margin:20px 0}.platform-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.platform-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.download-info{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007AFF}.device-info{text-align:center;margin-bottom:12px;color:#666}.download-instructions{text-align:left}.download-instructions p{margin:8px 0;line-height:1.5}.download-instructions strong{color:#333}.download-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.feedback-content{background:#fff;padding:32px;border-radius:16px;text-align:center;max-width:320px;margin:20px;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.feedback-icon{font-size:48px;margin-bottom:16px}.feedback-content h3{color:#333;margin:0 0 12px;font-size:20px}.feedback-content p{color:#666;margin:8px 0;line-height:1.5}.feedback-content small{color:#888;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.download-button{width:100%;max-width:300px;margin:8px auto;display:flex}.platform-buttons{flex-direction:column;align-items:center}.download-info{margin:16px;padding:12px}.download-instructions{font-size:14px}.feedback-content{margin:16px;padding:24px}}@media (max-width: 480px){.button-label{font-size:14px}.button-sublabel{font-size:11px}.platform-title{font-size:16px}.download-info{margin:12px;padding:10px}}
