:root{--primary-color: rgb(0 128 122 / var(--tw-bg-opacity, 1));--bacground-color: #f5f6fb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bacground-color);color:#111}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:auto;padding:20px}body{padding-bottom:80px}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#00807a,#00a096);color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 6px 18px #00807a40}.header-left{display:flex;align-items:center;gap:12px}.avatar{width:55px;height:55px;border-radius:50%;border:3px solid white;box-shadow:0 4px 10px #0003}.welcome{margin:0;font-size:12px;opacity:.85}.name{margin:0;font-size:20px;font-weight:700}.location{display:inline-flex;align-items:center;gap:6px;margin-top:6px;background:#ffffff26;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.location-icon{font-size:12px}.balance-box{display:flex;align-items:center;gap:10px;background:#fff;color:var(--primary-color);padding:10px 16px;border-radius:14px;box-shadow:0 6px 16px #00000026;min-width:120px}.coin-icon{font-size:22px;color:#f59e0b}.balance-title{font-size:10px;letter-spacing:2px;font-weight:600;display:block;opacity:.7}.balance-amount{font-size:20px;font-weight:800}@media(max-width:600px){.avatar{width:45px;height:45px}.name,.balance-amount{font-size:17px}.balance-box{padding:8px 14px}}.recharge-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:100%;margin:20px auto}.table-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--primary-color)}.recharge-table{width:100%;border-collapse:collapse;font-size:14px}.recharge-table th{text-align:left;padding:10px;color:var(--primary-color);border-bottom:1px solid #eee;font-weight:500}.recharge-table td{padding:10px;border-bottom:1px solid #f2f2f2;color:var(--primary-color)}.bonus{color:var(--primary-color);font-weight:600}@media(max-width:600px){.recharge-table th,.recharge-table td{padding:8px;font-size:13px}}.slider-wrapper{position:relative;margin:20px}.slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:10px}.slider::-webkit-scrollbar{height:6px}.slider::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.winner-card{flex:0 0 200px;background:#fff;border-radius:12px;padding:14px;text-align:center;box-shadow:0 4px 10px #0000000d}.winner-card img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block}.winner-name{font-weight:600}.winner-place{font-size:13px;color:#777}.winner-amount{color:#10b981;font-weight:700;margin-top:4px}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;width:36px;height:36px;border-radius:50%;box-shadow:0 3px 8px #0003;cursor:pointer}.arrow-left{left:-10px}.arrow-right{right:-10px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:var(--primary-color);display:flex;justify-content:space-around;align-items:center;height:70px;box-shadow:0 -3px 12px #00000026;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:#fff;cursor:pointer;padding:8px 14px;border-radius:14px;transition:all .25s ease}.nav-item svg{font-size:22px;margin-bottom:4px;transition:all .25s ease}.nav-item.active{background:#fff;color:var(--primary-color);box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.nav-item.active svg{color:var(--primary-color)}.bottom-nav-spacer{height:70px;width:100%}.ticket-container{width:100%;margin:auto;position:relative}.ticket-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:20px calc(50% - 85px)}.ticket-slider::-webkit-scrollbar{display:none}.ticket{flex:0 0 auto;width:170px;height:170px;border-radius:20px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#fff;scroll-snap-align:center;box-shadow:0 14px 30px #0000002e;transition:transform .35s ease,box-shadow .35s ease,margin .35s ease}.ticket.active{transform:scale(1.12);box-shadow:0 22px 45px #00000059;margin-left:12px;margin-right:12px;z-index:5}.ticket-title{font-size:18px;font-weight:800}.ticket-day{background:#fff;font-size:13px;padding:2px 6px;border-radius:18px;color:#000}.ticket-date{font-size:15px;font-weight:600}.ticket-id{font-size:20px;font-weight:700;letter-spacing:2px}.sunday{background:linear-gradient(135deg,#1e6bff,#00a8ff)}.monday{background:linear-gradient(135deg,#7b2ff7,#b245ff)}.tuesday{background:linear-gradient(135deg,#ff8c00,#ffb347)}.wednesday{background:linear-gradient(135deg,#ff2a2a,#ff6a6a)}.thursday{background:linear-gradient(135deg,#00b36b,#4dff88)}.friday{background:linear-gradient(135deg,#ff4db8,#f9d)}.saturday{background:linear-gradient(135deg,#001f8f,#0047ff)}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#fff;font-size:22px;cursor:pointer;box-shadow:0 10px 20px #00000040;z-index:10}.arrow:hover{transform:translateY(-50%) scale(1.08)}.left{left:8px}.right{right:8px}@media(max-width:600px){.ticket-slider{padding:20px calc(50% - 70px)}.ticket{width:140px;height:140px;padding:10px}.ticket-title{font-size:14px}.ticket-day{font-size:11px}.ticket-date{font-size:12px}.ticket-id{font-size:15px;letter-spacing:1px}.arrow{width:36px;height:36px;font-size:18px}}.history{background:linear-gradient(135deg,rgb(0 128 122 / var(--tw-bg-opacity, 1)),#00b3a8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 14px 30px #6a5cff59}.history-icon{font-size:36px;color:#fff}.history .ticket-title{font-size:16px;font-weight:700}body{margin:0;font-family:Inter,sans-serif}.login-container{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px 40px;background:var(--primary-color);box-sizing:border-box;overflow:auto}.login-card{width:100%;max-width:420px;background:#fff;padding:45px 35px;border-radius:24px;box-shadow:0 20px 50px #0000001f;min-height:420px}.brand{text-align:center;margin-bottom:35px}.brand-icon{width:70px;height:70px;background:var(--primary-color);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin:auto;box-shadow:0 10px 25px}.brand h1{margin-top:16px;font-size:26px;color:#111827}.subtitle{color:#6b7280;font-size:14px;margin-top:6px}.form-group{margin-bottom:22px}label{display:block;font-weight:600;margin-bottom:8px;color:#111827}.phone-input{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;height:56px;transition:.2s}.phone-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #741eec1f;background:#fff}.country{padding:0 16px;font-weight:600;color:#374151;background:#f3f4f6;border-right:1px solid #e5e7eb;display:flex;align-items:center;height:100%}.phone-input input{flex:1;border:none;outline:none;padding:0 16px;font-size:16px;height:100%;background:transparent}.login-btn{width:100%;padding:16px;background:var(--primary-color);border:none;color:#fff;font-size:17px;font-weight:600;border-radius:14px;cursor:pointer;transition:.25s;box-shadow:0 10px 25px;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px}.terms{margin-top:22px;font-size:13px;text-align:center;color:#6b7280;line-height:1.5}.terms span{color:var(--primary-color);margin-left:4px;cursor:pointer;font-weight:500}html,body{margin:0;height:100%}.otp-container{position:fixed;inset:0;background:var(--primary-color);display:flex;flex-direction:column;align-items:center;padding:70px 20px 40px;box-sizing:border-box;overflow:auto}.otp-container .brand{text-align:center;margin-bottom:30px}.otp-container .brand-icon{width:70px;height:70px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary-color);margin:auto;box-shadow:0 10px 25px #00000026}.otp-container .brand h1{margin-top:14px;font-size:26px;color:#fff}.otp-container .subtitle{color:#fff;font-size:14px;margin-top:6px}.otp-container .otp-card{width:100%;max-width:420px;background:#fff;padding:40px 32px;border-radius:24px;box-shadow:0 20px 50px #00000026;text-align:center}.otp-container .otp-info{color:#6b7280;margin-bottom:28px}.otp-container .otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.otp-container .otp-inputs input{width:60px;height:60px;border-radius:14px;border:1px solid #e5e7eb;font-size:24px;text-align:center;background:#f9fafb;transition:.2s}.otp-container .otp-inputs input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #741eec26;background:#fff}.otp-container button{width:100%;padding:16px;background:var(--primary-color);border:none;color:#fff;font-size:17px;font-weight:600;border-radius:14px;cursor:pointer;transition:.25s;box-shadow:0 10px 25px}.otp-container button:hover{transform:translateY(-2px);box-shadow:0 14px 30px}.otp-container .resend{margin-top:20px;font-size:14px;color:#6b7280}.otp-container .resend span{color:var(--primary-color);font-weight:500;cursor:pointer}.casinoGamesPageShell{padding:20px;min-height:100vh;font-family:sans-serif}.casinoTrendingGamesBlock{margin-bottom:35px}.casinoTrendingGamesTitle{font-size:20px;color:var(--primary-color);margin-bottom:16px}.casinoTrendingGamesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.casinoTrendingGameCard{background:#fff;border-radius:12px;padding:16px;text-align:center;border:1px solid #e8e8ef;transition:all .25s ease}.casinoTrendingGameCard:hover{border-color:var(--primary-color);box-shadow:0 5px 14px #00807a26}.casinoTrendingGameIcon{font-size:34px;color:var(--primary-color);margin-bottom:8px}.casinoTrendingGameCard p{font-size:14px;margin:0;color:#333}.casinoAllGamesTitle{font-size:20px;color:var(--primary-color);margin-bottom:15px}.casinoAllGamesList{display:flex;flex-direction:column;gap:10px}.casinoAllGameRow{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 14px;border-radius:10px;border:1px solid #e8e8ef;transition:all .2s ease}.casinoAllGameRow:hover{border-color:var(--primary-color);box-shadow:0 5px 14px #00807a26}.casinoAllGameIcon{font-size:22px;color:var(--primary-color)}.casinoAllGameRow span{font-size:15px;font-weight:500;color:#333}.ticketPageRoot{padding:20px;min-height:100vh}.ticketPageTitle{font-size:22px;color:var(--primary-color);margin-bottom:20px;font-weight:600}.ticketListContainer{display:flex;flex-direction:column;gap:15px}.ticketCardBox{display:flex;gap:15px;background:#fff;padding:16px;border-radius:14px;border:1px solid #e6e6f0;box-shadow:0 4px 10px #0000000d;transition:all .25s ease}.ticketCardBox:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.ticketIconBox{font-size:28px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;min-width:40px}.ticketInfoBox{flex:1}.ticketInfoBox h3{margin:0;font-size:16px;font-weight:600;color:#222}.ticketDay{font-size:14px;color:#666;margin-top:4px}.ticketDate{font-size:13px;color:#999;margin-top:2px}.ticketBottomRow{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ticketNumber{font-weight:600;letter-spacing:1px;color:#333;font-size:14px}