:root{--ion-background-color:#1E1E1E;--ion-color-primary: green;--ion-color-primary-rgb: 0,84,233;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1,99,170;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255,255,255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #19EF9A;--ion-color-tertiary-rgb: 25,239,154;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0,0,0;--ion-color-tertiary-shade: #16d288;--ion-color-tertiary-tint: #30f1a4;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45,213,91;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0,0,0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255,196,9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0,0,0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197,0,15;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255,255,255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f6f8fc;--ion-color-light-rgb: 246,248,252;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0,0,0;--ion-color-light-shade: #d8dade;--ion-color-light-tint: #f7f9fc;--ion-color-medium: #696969;--ion-color-medium-rgb: 105,105,105;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255,255,255;--ion-color-medium-shade: #5c5c5c;--ion-color-medium-tint: #787878;--ion-color-dark: #2E2E2E;--ion-color-dark-rgb: 46,46,46;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255,255,255;--ion-color-dark-shade: #282828;--ion-color-dark-tint: #434343;--ion-card-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)}.tab-bar{box-shadow:0 2px 2px 2px #fff}.textIonicWhite{color:var(--ion-color-light)}.textIonicPrimary{color:var(--ion-color-primary)}.textIonicSuccess{color:var(--ion-color-success)}.textIonicDanger{color:var(--ion-color-danger)}.offline-game{text-align:center;padding:20px;max-width:400px;margin:0 auto}.choices{margin:20px 0}.choices button{margin:10px;padding:10px 15px;font-size:18px;cursor:pointer;border:none;border-radius:4px;background-color:#007bff;color:#fff}.choices button:hover{background-color:#0056b3}.result p{margin:10px 0}.won{color:green}.lost{color:red}.draw{color:orange}.online-message{background-color:#d4edda;padding:15px;border-radius:5px;margin:20px 0}.offline-message{background-color:#fff3cd;padding:15px;border-radius:5px;margin:20px 0}.status{font-weight:700}.online{color:green}.offline{color:red}.App{text-align:center;padding:20px;background-color:#f5f5f5;min-height:100vh}.login-content{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;overflow-y:auto}.login-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 50%),radial-gradient(circle at bottom left,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative;z-index:1}.login-logo-section{text-align:center;margin-bottom:32px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{width:120px;height:120px;margin:0 auto 20px;background:#fffffff2;border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-logo{width:80%;height:80%;object-fit:contain}.brand-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.brand-subtitle{color:#ffffffe6;font-size:1rem;font-weight:500;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-card{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;margin:0;overflow:hidden;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card-content{padding:32px!important}.login-header{text-align:center;margin-bottom:32px}.login-icon-wrapper{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.login-icon{font-size:32px;color:#fff}.login-title{color:var(--ion-color-dark);font-size:1.75rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.login-subtitle{color:var(--ion-color-medium);font-size:.95rem;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.phone-input-wrapper{display:flex;flex-direction:column;gap:12px}.input-label{display:flex;align-items:center;gap:8px;color:var(--ion-color-dark);font-size:.95rem;font-weight:600}.input-label-icon{font-size:20px;color:var(--ion-color-primary)}.phone-input{--background: rgba(var(--ion-color-light-rgb), .5);--border-color: rgba(var(--ion-color-medium-rgb), .3);--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;--color: var(--ion-color-dark);--placeholder-color: var(--ion-color-medium);font-size:1rem;font-weight:500;border-radius:12px;transition:all .3s ease}.phone-input::part(native){border:2px solid rgba(var(--ion-color-medium-rgb),.3);border-radius:12px;background:rgba(var(--ion-color-light-rgb),.5)}.phone-input:focus-within{--border-color: #667eea}.phone-input::part(native):focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.otp-section{display:flex;flex-direction:column;gap:16px}.login-submit-button{--background: linear-gradient(135deg, #667eea, #764ba2);--background-hover: linear-gradient(135deg, #7688eb, #8558a3);--background-activated: linear-gradient(135deg, #5566d9, #654093);--color: white;--border-radius: 12px;--box-shadow: 0 6px 20px rgba(102, 126, 234, .4);--padding-top: 16px;--padding-bottom: 16px;font-size:1.05rem;font-weight:700;text-transform:none;letter-spacing:.3px;margin-top:8px;height:auto}.login-submit-button::part(native){background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}.login-submit-button:hover::part(native){transform:translateY(-2px);box-shadow:0 8px 24px #667eea80;background:linear-gradient(135deg,#7688eb,#8558a3)}.login-submit-button:disabled{opacity:.5;cursor:not-allowed}.back-button{background:none;border:none;color:var(--ion-color-primary);font-size:.95rem;font-weight:600;padding:12px;margin-top:8px;cursor:pointer;text-align:center;width:100%;transition:all .2s ease;border-radius:8px}.back-button:hover{background:rgba(var(--ion-color-primary-rgb),.05)}.back-button:active{background:rgba(var(--ion-color-primary-rgb),.1)}.login-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.footer-link{color:#ffffffe6;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.2)}.footer-link:hover{color:#fff;text-decoration:underline;transform:translateY(-1px)}.footer-separator{color:#ffffffb3;font-weight:300}@media (max-width: 576px){.login-container{padding:16px}.login-card-content{padding:24px!important}.logo-wrapper{width:100px;height:100px}.brand-title{font-size:1.75rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem}}@media (min-width: 768px){.login-container{padding:40px}.login-card{max-width:500px}.login-card-content{padding:40px!important}.logo-wrapper{width:140px;height:140px}.brand-title{font-size:2.5rem}}@media (min-width: 1024px){.login-content{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.login-container{min-height:100vh}}@media (prefers-color-scheme: dark){.login-card{background:#282828fa;border-color:#ffffff1a}.login-title,.input-label{color:var(--ion-color-light)}.phone-input{--color: var(--ion-color-light);--background: rgba(255, 255, 255, .05)}.phone-input::part(native){background:#ffffff0d;border-color:#ffffff1a}}.login-submit-button:focus-visible,.back-button:focus-visible{outline:2px solid white;outline-offset:2px}@media (prefers-reduced-motion: reduce){.login-logo-section,.login-card,.login-submit-button::part(native),.footer-link{animation:none!important;transition:none!important}}.label,.title,.custom-divider,.link{display:none}.terms-content{padding:16px;color:var(--ion-color-light)}.terms-container{margin:0 auto;font-family:Arial,sans-serif}.terms-heading{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--ion-color-light)}.terms-date{font-size:16px;margin-bottom:16px;color:var(--ion-color-light)}.terms-paragraph{font-size:14px;line-height:1.6;margin-bottom:16px;color:var(--ion-color-light)}.terms-link{color:#007bff;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-disclaimer{font-size:14px;color:#888;margin-top:32px}.privacy-container{max-width:40rem;padding-left:1rem;padding-top:7rem;margin-left:auto;margin-right:auto}.privacy-heading{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:var(--ion-color-light)}.privacy-date,.privacy-paragraph,.privacy-section{margin-bottom:1rem;color:var(--ion-color-light)}.privacy-link{color:#1d4ed8;text-decoration:none}.privacy-list{margin-bottom:1rem}.privacy-list-item{list-style-type:disc;margin-bottom:.5rem;color:var(--ion-color-light)}.privacy-ordered-list{margin-bottom:1rem}.privacy-ordered-list-item{list-style-type:decimal;color:var(--ion-color-light)}.privacy-subheading{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--ion-color-light)}.privacy-contact{margin-bottom:1rem}.privacy-contact-link{color:#1d4ed8;text-decoration:none}