:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);margin:0;min-width:360px;min-height:100vh}#root{max-width:1280px;margin:0 auto;text-align:center}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding-bottom:60px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#fff;box-shadow:0 -2px 10px #0000001a;padding:12px 0;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;padding:8px 12px;font-size:14px;font-weight:500;position:relative;flex:1;transition:color .2s ease}.nav-item.active{color:#27ae60}.nav-indicator{position:absolute;bottom:-12px;width:24px;height:3px;background-color:#27ae60;border-radius:2px}@media (max-width: 480px){.bottom-nav{padding:10px 0}.nav-item{font-size:13px;padding:6px 8px}.nav-indicator{bottom:-10px;width:20px;height:2px}}.lottery-container{width:100%;max-width:none;margin:0 auto;padding:15px 20px;font-family:Arial,sans-serif;text-align:center;background:#ffffff1a;color:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-sizing:border-box}.lottery-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);transform:rotate(45deg);z-index:-1}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;position:relative;z-index:2}.ticket-title{color:gold;font-size:14px;font-weight:600;margin:0}.clear-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:#ff6b3533;cursor:pointer;border-radius:50%;transition:all .3s ease}.clear-button:hover{background:#ff6b3566;transform:scale(1.1)}.clear-button svg{display:block}.selection-counter{text-align:center;color:gold;font-size:14px;font-weight:600;margin-bottom:15px;background:#ffd7001a;padding:8px 12px;border-radius:20px;display:inline-block;border:1px solid rgba(255,215,0,.3)}.numbers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0;padding:0 5px}.number-button{width:45px;height:45px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.number-button:hover{background:#fff3;border-color:#ffd70080}.number-button.selected{background:linear-gradient(45deg,#ff6b35,gold);color:#1a1a2e;border-color:gold;transform:scale(1.1);box-shadow:0 4px 15px #ff6b3566}.number-button:disabled:not(.selected){opacity:.3;cursor:not-allowed}.controls{margin-top:20px;margin-bottom:.5rem;display:flex;justify-content:center;gap:10px}.controls button{padding:10px 20px;background:linear-gradient(45deg,#ff6b35,#ff8c00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.controls button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}@media (max-width: 480px){.lottery-container{padding:15px;margin:0;border-radius:12px}.numbers-grid{grid-template-columns:repeat(6,1fr);gap:6px}.number-button{width:38px;height:38px;font-size:14px}.ticket-header{margin-bottom:12px}.ticket-title{font-size:13px}.selection-counter{font-size:13px;padding:6px 10px}.controls{flex-direction:column;align-items:center;gap:8px}.controls button{width:100%;max-width:200px;padding:8px 16px;font-size:14px}}@media (max-width: 320px){.lottery-container{padding:.6rem;margin:.3rem}.numbers-grid{grid-template-columns:repeat(6,1fr);gap:4px}.number-button{width:32px;height:32px;font-size:12px}}@media (hover: none){.number-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:none}.number-button.selected:hover{background:linear-gradient(45deg,#ff6b35,gold);transform:scale(1.1)}.controls button:hover{transform:none;box-shadow:0 4px 15px #ff6b354d}.clear-button:hover{background:#ff6b3533;transform:none}}.tickets-container{max-width:1200px;margin:0 auto;padding:20px 15px 70px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;background:transparent;transition:padding-bottom .3s ease}.tickets-container.with-selection{padding-bottom:140px}.tickets-title{text-align:center;color:#fff;margin-bottom:30px;font-size:28px;position:relative;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);padding:0 10px}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;justify-items:stretch;padding:0 10px}@media (max-width: 768px){.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:0 8px}}@media (max-width: 480px){.tickets-grid{grid-template-columns:1fr;padding:0 5px}}@media (max-width: 320px){.tickets-container{padding:10px 5px 60px}.tickets-grid{padding:0 3px}.ticket-wrapper{margin:0 1px;padding:10px}}@media (hover: none){.ticket-wrapper:hover{transform:none;box-shadow:none;border-color:#ffffff26}}.fixed-bottom{position:fixed;bottom:55px;left:15px;right:15px;padding:20px 15px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0006;z-index:1000;border-radius:12px;margin:0 5px}.participation-info{display:flex;flex-direction:column;gap:15px;align-items:center}.participation-row{display:flex;justify-content:space-between;width:100%;max-width:400px;color:#e0e0e0;font-size:16px;font-weight:600;padding:0 10px}.ticket-count{color:#e0e0e0}.price-tag{font-weight:700;color:#6366f1;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.participate-button{padding:16px 30px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #6366f166;width:calc(100% - 20px);max-width:380px;position:relative;overflow:hidden;margin:0 10px}.participate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.participate-button:hover:before{left:100%}.participate-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199;background:linear-gradient(135deg,#7367f0,#9b69f9)}.participate-button:active{transform:translateY(0);box-shadow:0 4px 20px #6366f166}.participate-button:disabled{background:linear-gradient(45deg,#4a4a4a,#5a5a5a);transform:none;box-shadow:none;cursor:not-allowed}.participate-button.loading{background:linear-gradient(45deg,#4a4a4a,#5a5a5a);cursor:not-allowed}.error-message{color:#ef4444;padding:12px 16px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;width:calc(100% - 20px);max-width:380px;text-align:center;margin:10px 10px 0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.success-message{color:#10b981;padding:12px 16px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;width:calc(100% - 20px);max-width:380px;text-align:center;margin:10px 10px 0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.error-message,.success-message{transition:opacity .5s ease-out}.error-message.hide,.success-message.hide{opacity:0}.purchase-content{display:flex;justify-content:space-between;width:100%}@media (max-width: 768px){.fixed-bottom{bottom:50px;padding:15px 10px;left:10px;right:10px}.participation-row{font-size:14px;padding:0 8px}.participate-button{padding:14px 25px;font-size:14px;width:calc(100% - 16px);margin:0 8px}}@media (max-width: 480px){.fixed-bottom{bottom:70px;padding:12px 8px;left:5px;right:5px}.participation-row{flex-direction:column;gap:8px;text-align:center;padding:0 5px}.participate-button{padding:12px 20px;font-size:13px;width:calc(100% - 10px);margin:0 5px}.error-message,.success-message{width:calc(100% - 10px);margin:10px 5px 0}}@media (max-width: 320px){.fixed-bottom{left:3px;right:3px;padding:10px 5px}}@media (hover: none){.participate-button:hover{transform:none;box-shadow:0 6px 25px #6366f166}.participate-button:hover:before{left:-100%}}.draw-header-row{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.draw-header{display:flex;flex-direction:column;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:15px 20px;border:1px solid rgba(255,255,255,.2);color:#fff;margin-bottom:25px}.draw-superprize{font-size:18px;font-weight:700;color:#e0e0e0;margin-bottom:8px;text-align:left;text-transform:uppercase}.draw-info-text{font-size:18px;font-weight:700;color:#e0e0e0}.draw-header-row.loading{opacity:.7}.draw-header-row.error{border-color:#ff6b6b4d}.draw-header-row.error .draw-number{color:#ff6b6b}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:8px 0;z-index:1000;box-shadow:0 -2px 15px #0000001a;height:50px}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:6px 12px;border-radius:10px;transition:all .3s ease;flex:1;max-width:80px}.nav-item:not(.active){color:#666}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-3px);box-shadow:0 3px 12px #667eea4d}.nav-icon{font-size:18px;margin-bottom:2px;transition:transform .3s ease}.nav-item.active .nav-icon{transform:scale(1.05)}.nav-label{font-size:11px;font-weight:500;text-align:center}@media (prefers-color-scheme: dark){.bottom-nav{background:#1e1e1ef2;border-top:1px solid rgba(255,255,255,.1)}.nav-item:not(.active){color:#aaa}}@media (max-width: 480px){.bottom-nav{padding:6px 0;height:48px}.nav-item{padding:4px 8px;max-width:70px}.nav-icon{font-size:16px;margin-bottom:1px}.nav-label{font-size:10px}.nav-item.active{transform:translateY(-2px)}}@media (max-width: 320px){.bottom-nav{padding:5px 0;height:46px}.nav-item{padding:3px 6px;max-width:65px}.nav-icon{font-size:15px}.nav-label{font-size:9px}}.bottom-nav{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (hover: none){.nav-item.active,.nav-item.active .nav-icon{transform:none}}.my-tickets-container{max-width:1200px;margin:0 auto;padding:20px 15px 70px;min-height:100vh;background:transparent}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px}.tickets-title{text-align:center;color:#fff;margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.tickets-title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(45deg,gold,#ff6b35);margin:10px auto 0;border-radius:2px}.refresh-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px}.refresh-button:hover{background:#fff3;transform:rotate(180deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tickets-loading{text-align:center;padding:60px 20px;color:#fff}.error-message{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:15px;border-radius:12px;text-align:center;margin-bottom:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;box-sizing:border-box;overflow:hidden}.no-tickets{text-align:center;padding:60px 20px;color:#fff}.no-tickets-icon{font-size:64px;margin-bottom:20px;opacity:.7}.no-tickets h3{font-size:24px;margin-bottom:10px;color:gold}.no-tickets p{font-size:16px;opacity:.8}.tickets-list{display:grid;gap:16px;padding:0 10px}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3533;border-color:#ffd7004d}.draw-number-ticket{font-weight:600;color:#e0e0e0}.ticket-numbers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ticket-number-ball{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.my-tickets-container{padding:15px 10px 70px}.tickets-header{margin-bottom:20px}.tickets-title{font-size:24px}.ticket-card{padding:16px}.ticket-header{flex-direction:column;align-items:flex-start;gap:8px}.ticket-draw-info{flex-direction:column;align-items:flex-start;gap:6px}.ticket-number-ball{width:28px;height:28px;font-size:11px}}@media (max-width: 480px){.my-tickets-container{padding:15px 8px 70px}.tickets-list{padding:0 5px}.ticket-card{padding:14px}.ticket-numbers{gap:4px}.ticket-number-ball{width:24px;height:24px;font-size:10px}}@media (hover: none){.ticket-card:hover{transform:none;box-shadow:none;border-color:#ffffff26}.refresh-button:hover{transform:none}.load-more-button:hover:not(:disabled){transform:none;box-shadow:0 4px 15px #ff6b354d}}.ticket-numbers-simple{margin:15px 0;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.numbers-label{display:block;font-size:12px;color:#b0b0b0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.numbers-list{display:inline;font-size:14px;color:#fff;font-weight:500;line-height:1.4;word-wrap:break-word}.matched-number{color:#4caf50!important;font-weight:700;text-shadow:0 0 8px rgba(76,175,80,.5)}.ticket-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);transform:rotate(45deg);z-index:-1}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-number{font-size:16px;font-weight:600;color:gold}.winning-level{font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ticket-draw-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:#e0e0e0}.draw-number-ticket{font-weight:600}.draw-date{opacity:.8}.winning-badge{background:linear-gradient(45deg,gold,#ff8c00);color:#1a1a2e;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-align:center;margin-top:10px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width: 768px){.ticket-numbers-simple{padding:10px}.numbers-list{font-size:13px}}@media (max-width: 480px){.ticket-numbers-simple{padding:8px}.numbers-label{font-size:11px}.numbers-list{font-size:12px}.ticket-header{flex-direction:column;align-items:flex-start;gap:8px}.ticket-draw-info{flex-direction:column;align-items:flex-start;gap:6px}}.ticket-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.winning-badge{color:#1a1a2e;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-align:center;animation:pulse 2s infinite;min-width:80px}.profile-container{max-width:1200px;margin:0 auto;padding:20px 15px 70px;min-height:100vh;background:transparent}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px}.profile-title{text-align:center;color:#fff;margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.profile-title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(45deg,gold,#ff6b35);margin:10px auto 0;border-radius:2px}.refresh-profile-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px}.refresh-profile-button:hover{background:#fff3;transform:rotate(180deg)}.refresh-profile-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-loading{text-align:center;padding:60px 20px;color:#fff}.profile-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:15px;border-radius:12px;text-align:center;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-content{display:grid;gap:20px;padding:0 10px}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:25px;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 25px #667eea4d}.balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.balance-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;position:relative;z-index:2}.balance-icon{font-size:24px}.balance-title{font-size:16px;font-weight:600;opacity:.9}.balance-amount{font-size:42px;font-weight:900;margin:10px 0 20px;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:2}.balance-actions{display:flex;gap:12px;justify-content:center;position:relative;z-index:2}.balance-btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.balance-btn.primary{background:#ffffffe6;color:#667eea}.balance-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.balance-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.balance-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.user-info-card,.stats-card,.actions-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.user-info-card:before,.stats-card:before,.actions-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);transform:rotate(45deg);z-index:-1}.user-info-title,.stats-title,.actions-title{color:gold;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.user-info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-label{color:#b0b0b0;font-size:14px}.info-value{color:#fff;font-size:14px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-item{text-align:center;padding:15px 10px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:20px;font-weight:800;color:gold;margin-bottom:5px}.stat-label{font-size:12px;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn:hover{background:#ffffff1a;border-color:#ffd7004d;transform:translateY(-2px)}.action-icon{font-size:20px}.action-text{font-size:12px;font-weight:600;text-align:center}.ad-topup-section{margin-top:20px;text-align:center;position:relative;z-index:2}.ad-topup-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:280px;margin:0 auto;padding:14px 20px;background:linear-gradient(135deg,gold,#ff9800);border:none;border-radius:12px;color:#333;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.ad-topup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066;background:linear-gradient(135deg,#ffe44d,#ffb347)}.ad-topup-button:active:not(:disabled){transform:translateY(0)}.ad-topup-button:disabled{opacity:.7;cursor:not-allowed}.ad-topup-button.loading{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ad-icon{font-size:20px;animation:pulse 2s infinite}.ad-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.ad-hint{margin-top:10px;font-size:12px;color:#fffc;opacity:.9;line-height:1.4}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.profile-container{padding:15px 10px 70px}.profile-title{font-size:24px}.balance-amount{font-size:36px}.balance-actions{flex-direction:column;align-items:center}.balance-btn{width:100%;max-width:200px}.stats-grid{grid-template-columns:1fr;gap:10px}.actions-grid{grid-template-columns:1fr}.ad-topup-button{max-width:240px;padding:12px 16px;font-size:14px}.ad-hint{font-size:11px;padding:0 10px}}@media (max-width: 480px){.profile-container{padding:15px 8px 70px}.profile-content{padding:0 5px}.balance-card{padding:20px 15px}.balance-amount{font-size:32px}.user-info-card,.stats-card,.actions-card{padding:15px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.ad-topup-button{max-width:100%;font-size:13px}.ad-icon{font-size:18px}}@media (hover: none){.refresh-profile-button:hover{transform:none}.balance-btn:hover{transform:none;box-shadow:none}.action-btn:hover{transform:none;background:#ffffff0d;border-color:#ffffff1a}}.draw-history-container{max-width:1200px;margin:0 auto;padding:20px 15px 70px;min-height:100vh;background:transparent}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 10px}.history-title{text-align:center;color:#fff;margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.history-title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(45deg,gold,#ff6b35);margin:10px auto 0;border-radius:2px}.refresh-history-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px}.refresh-history-button:hover{background:#fff3;transform:rotate(180deg)}.refresh-history-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.history-loading{text-align:center;padding:60px 20px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);color:#ff6b6b;padding:8px 16px;border-radius:8px;cursor:pointer;margin-top:10px;transition:all .3s ease}.retry-button:hover{background:#ff6b6b4d}.no-history{text-align:center;padding:60px 20px;color:#fff}.no-history-icon{font-size:64px;margin-bottom:20px;opacity:.7}.no-history h3{font-size:24px;margin-bottom:10px;color:gold}.no-history p{font-size:16px;opacity:.8}.draws-list{display:grid;gap:16px;padding:0 10px}.draw-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;position:relative;overflow:hidden}.draw-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);transform:rotate(45deg);z-index:-1}.draw-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3533;border-color:#ffd7004d}.draw-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.draw-number{font-size:20px;font-weight:700;color:gold}.jackpot-amount{font-size:18px;font-weight:600;color:gold;background:#ffd7001a;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.draw-date{font-size:14px;color:#b0b0b0;margin-bottom:15px;text-align:right}.winning-section{margin-bottom:15px}.winning-label{font-size:14px;color:#b0b0b0;margin-bottom:8px}.winning-numbers{display:flex;flex-wrap:wrap;gap:6px}.winning-number-ball{width:32px;height:32px;background:linear-gradient(45deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 8px #4caf504d}.no-numbers{font-size:14px;color:#b0b0b0;font-style:italic}.winners-section{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.winners-label{font-size:14px;color:#b0b0b0}.load-more-section{text-align:center;margin-top:30px;padding:20px}.load-more-button{background:linear-gradient(45deg,#ff6b35,#ff8c00);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.load-more-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.draw-history-container{padding:15px 10px 70px}.history-header{margin-bottom:20px}.history-title{font-size:24px}.draw-card{padding:16px}.draw-card-header{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.draw-date{text-align:left}.draw-number{font-size:18px}.jackpot-amount{font-size:16px;padding:3px 10px}.winning-number-ball{width:28px;height:28px;font-size:11px}}@media (max-width: 480px){.draw-history-container{padding:15px 8px 70px}.draws-list{padding:0 5px}.draw-card{padding:14px}.winning-numbers{gap:4px}.winning-number-ball{width:22px;height:22px;font-size:10px}.jackpot-amount{font-size:14px;padding:2px 8px}}@media (hover: none){.draw-card:hover{transform:none;box-shadow:none;border-color:#ffffff26}.refresh-history-button:hover{transform:none}.load-more-button:hover:not(:disabled){transform:none;box-shadow:0 4px 15px #ff6b354d}}.rules-page{padding:24px 16px 100px;background:#f7f8fc;min-height:100vh}.rules-card{margin:0 auto;max-width:960px;background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 18px 45px #0f0f2814}.rules-card h1{font-size:1.75rem;margin-bottom:16px;text-align:left}.rules-section{margin-top:28px}.rules-section h2{font-size:1.25rem;margin-bottom:12px;color:#1f2633}.rules-subsection{margin-top:16px}.rules-subsection h3{font-size:1rem;margin-bottom:8px;color:#2b3a55}.rules-list,.rules-steps{margin:0;padding-left:16px;color:#3a4a61;line-height:1.6}.rules-list li{margin-bottom:8px}.rules-steps{padding-left:22px}.rules-steps li{margin-bottom:14px}.rules-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}.rules-table th,.rules-table td{border:1px solid #e1e5eb;padding:10px 12px;text-align:left}.rules-table thead{background-color:#f2f4f8}.muted{color:#5a6472;font-size:.95rem}.table-wrapper{overflow-x:auto}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fbfcff;border-radius:12px;padding:12px 14px;border:1px solid #eceff5}.faq-question{font-weight:600;margin-bottom:6px}.faq-answer{margin:0;color:#384258;line-height:1.5}.rules-conclusion{margin-bottom:8px}.rules-conclusion p{margin:0;line-height:1.6}@media (max-width: 600px){.rules-card{padding:24px 20px}.rules-card h1{font-size:1.5rem}.rules-section h2{font-size:1.1rem}}@media (max-width: 360px){.rules-page{padding:20px 12px 100px}.rules-card{padding:20px 16px;border-radius:16px}.rules-card h1{font-size:1.35rem;text-align:left}.rules-section{margin-top:24px}.rules-section h2{font-size:1rem;margin-bottom:10px}.rules-list,.rules-steps{padding-left:12px;font-size:.9rem}.rules-steps{padding-left:18px}.rules-table{font-size:.85rem}.rules-table th,.rules-table td{padding:8px 10px}.faq-item{padding:10px 12px}}