:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #1f2c39;--text-primary: #fff;--text-secondary: #8aa4bf;--text-muted: #5a6e84;--accent-primary: #3390ec;--accent-hover: #4da3f5;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--border-radius: 12px;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app{min-height:100vh;position:relative}.app-container{max-width:420px;margin:0 auto;padding-bottom:80px}.btn{padding:12px 24px;border-radius:var(--border-radius);border:none;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #3390ec4d}.btn-secondary{background-color:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background-color:var(--accent-primary);color:#fff}.card{background-color:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:16px;border:2px solid transparent;transition:var(--transition)}.card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 16px #3390ec33}.input{width:100%;padding:12px 16px;border-radius:var(--border-radius);background-color:var(--bg-tertiary);border:2px solid var(--bg-tertiary);color:var(--text-primary);font-size:16px;transition:var(--transition)}.input:focus{outline:none;border-color:var(--accent-primary)}.error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;text-align:center;background-color:var(--bg-primary)}.error-message{font-size:20px;color:var(--danger);margin-bottom:24px}.retry-button{background-color:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;cursor:pointer}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.header{padding:16px}.header-content{display:flex;justify-content:space-between;align-items:center}.back-button{background:none;border:none;color:var(--accent-primary);font-size:24px;font-weight:700;cursor:pointer;transition:opacity .2s ease;padding:4px 8px;line-height:1}.back-button:hover{opacity:.7}.header-title{font-size:17px;margin:0}.header-right{display:flex;align-items:center;gap:8px}.topup-button{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);font-size:15px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;font-weight:500}.topup-button:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--bg-secondary);padding:12px 16px;z-index:1000;max-width:420px;margin:0 auto}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;padding:8px 12px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);flex:1}.footer-tab.active{color:var(--accent-primary)}.footer-tab span{font-size:12px;font-weight:500}.slot{background:var(--bg-secondary);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;transition:var(--transition);cursor:pointer}.slot-hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 16px #3390ec33}.slot-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}.slot-icon.taken{background:var(--bg-tertiary);color:var(--text-primary)}.slot-icon.free{background:var(--bg-primary);color:var(--text-muted)}.slot-name{font-size:13px;transition:color .3s ease}.slot-name.taken{color:var(--text-primary)}.slot-name.free{color:var(--text-muted)}.dice-roll{margin-top:4px;padding:4px 10px;border-radius:8px;background:var(--bg-tertiary);font-size:13px;color:var(--accent-primary);font-weight:600}.balance-display{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:8px 16px;border-radius:10px;border:2px solid var(--bg-tertiary)}.ton-logo{width:18px;height:18px}.balance-amount{font-size:15px;font-weight:500;color:var(--text-primary)}.giveaways-list-page{padding:16px}.page-title{text-align:center;margin-bottom:20px;font-size:18px;color:#fff}.giveaways-grid{display:flex;flex-direction:column;gap:12px}.giveaway-card{background:#17212b;border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;overflow:hidden}.giveaway-card:hover{border:2px solid #3390ec;transform:translateY(-2px);box-shadow:0 8px 16px #3390ec33}.giveaway-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.giveaway-image{width:60px;height:60px;border-radius:12px;background:#1f2c39;overflow:hidden;flex-shrink:0;position:relative}.giveaway-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#5a6e84}.giveaway-info{flex:1;min-width:0}.giveaway-title{font-size:16px;margin-bottom:4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.giveaway-details{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#8aa4bf}.giveaway-details span{display:block}.giveaway-details strong{color:#fff;font-weight:600}.view-button{width:100%;padding:10px 16px;border-radius:10px;background:transparent;border:2px solid #3390ec;color:#3390ec;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-button:hover{background:#3390ec;color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading{color:#8aa4bf;font-size:16px}.empty-state{text-align:center;color:#8aa4bf;padding:40px 16px;font-size:16px}.giveaway-detail-page{padding:0 16px;max-width:420px;margin:0 auto}.giveaway-card{background:#17212b;border-radius:16px;padding:20px;margin:16px 0;text-align:center}.giveaway-card h2{font-size:18px;margin-bottom:16px;color:#fff;text-align:center}.prize-image{width:100%;max-width:280px;height:200px;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:#1f2c39;position:relative}.prize-image img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:12px}.giveaway-stats{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #1f2c39}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat span{font-size:14px;color:#8aa4bf;margin-bottom:4px}.stat b{font-size:16px;color:#fff}.slots-container{margin:16px 0}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{background:#17212b;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;transition:all .3s ease;aspect-ratio:1;justify-content:center}.slot:hover{border-color:#3390ec;transform:translateY(-2px)}.slot-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1f2c39}.slot-icon.taken{color:#fff}.slot-icon.free{color:#5a6e84;background:#0e1621}.slot-name{font-size:12px;text-align:center;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-name.free{color:#5a6e84}.dice-roll{font-size:11px;padding:3px 8px;border-radius:6px;background:#1f2c39;color:#3390ec;font-weight:600;margin-top:4px}.actions-container{margin:24px 0 80px;padding:0 8px}.btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#3390ec;color:#fff}.btn-primary:hover:not(:disabled){background:#4da3f5;transform:translateY(-2px);box-shadow:0 8px 20px #3390ec4d}.btn-primary:disabled{background:#1f2c39;color:#5a6e84;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid #8aa4bf;color:#8aa4bf;margin-top:12px}.btn-secondary:hover{background:#8aa4bf;color:#0e1621;transform:translateY(-2px)}.info-text{text-align:center;font-size:12px;color:#6d839f;margin-top:10px}.loading{text-align:center;color:#8aa4bf;padding:60px 20px;font-size:16px}.error{text-align:center;color:#f55;padding:60px 20px;font-size:16px}@media(max-width:360px){.slots-grid{grid-template-columns:repeat(2,1fr);gap:8px}.prize-image{height:160px}}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{text-align:center;padding:2rem;background:#ffffffe6;border-radius:16px;box-shadow:0 10px 40px #0000001a}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0088cc;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#333;font-size:1.1rem;font-weight:500;margin:0}