:root{--border-color:#dbdbdb;--color-primary:#e09b1a;--color-primary-dark:#b87c10;--color-primary-light:#fff4d8;--color-white:#fff;--color-black:#000;--color-text-primary:#222;--color-text-secondary:#777;--color-text-muted:#999;--color-border:#ddd;--color-border-light:#eee;--color-background:#f7f7f7;--color-background-light:#fafafa;--color-success:#18794e;--color-success-bg:#eaf8f1;--color-error:#c62828;--color-error-bg:#fff0f0;--app-bg:#1a1a1a;--app-surface:#242424;--app-surface-2:#2b2b2b;--app-text:#f3f3f3;--app-text-muted:#a0a0a0;--app-border:#ffffff1a;--app-success:#5dcaa0;--app-error:#ff6b6b;--font-family:"Poppins", sans-serif;--font-size-xs:13px;--font-size-sm:15px;--font-size-md:16px;--font-size-lg:17px;--font-size-xl:24px;--font-size-2xl:30px;--font-size-3xl:34px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:5px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:28px;--spacing-3xl:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-round:50%;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 5px 15px #00000014;--shadow-lg:0 12px 40px #00000014;--auth-width:460px;--app-shell-width:430px;--input-height:50px;--button-height:50px;--transition-fast:.2s ease;--transition-normal:.25s ease}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}html,body{background:#fff;overflow:hidden}body{min-height:100dvh;color:var(--color-text-primary);font-family:var(--font-family);background:#fff;font-size:16px}#root{background:#fff;justify-content:center;align-items:stretch;width:100%;height:100dvh;display:flex;overflow:hidden}.app-shell{width:min(100%, var(--app-shell-width));background:var(--app-bg);height:100dvh;min-height:100dvh;color:var(--app-text);overscroll-behavior:contain;flex-shrink:0;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 40px #00000014}@media (width<=430px){.app-shell{max-width:100%;box-shadow:none}}button,input{font-family:var(--font-family)}.auth-page{background:var(--color-background);justify-content:center;align-items:center;width:100%;height:100vh;padding:30px 20px;display:flex;overflow:hidden}.auth-card{width:100%;max-width:var(--auth-width);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 60px);padding:32px 40px;position:relative;overflow:hidden}.signup-card,.signin-card{min-height:0}.auth-logo{justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;display:flex}.auth-logo img{object-fit:contain;width:100%;height:100%;display:block}.auth-header{text-align:center;margin-bottom:22px}.auth-title{color:var(--color-text-on-light-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 6px;line-height:1.3}.auth-subtitle{color:var(--color-text-on-light-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);margin:0;line-height:1.5}.auth-form{width:100%}.form-group{width:100%;margin-bottom:14px}.form-label{color:var(--color-text-on-light-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:6px;line-height:1.3;display:block}.input-container{width:100%;height:var(--input-height);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);padding:0 var(--spacing-md);transition:var(--transition-fast);align-items:center;display:flex}.input-container:focus-within{border-color:var(--color-primary)}.input-container.input-error,.input-container.input-container--error{box-shadow:none;border-color:#f33}.form-input{width:100%;height:100%;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);padding:0 var(--spacing-sm);background:0 0;border:none;outline:none;flex:1}.form-input::placeholder{color:var(--color-text-muted)}.form-input[readonly]{cursor:default;color:var(--app-text-muted,#9a9a9a)}.input-icon{width:24px;color:var(--color-primary);font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-country-code{min-width:38px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-right:1px solid var(--color-border);padding-right:var(--spacing-sm);flex-shrink:0}.field-error{min-height:17px;color:var(--color-error);font-size:13px;font-weight:var(--font-weight-regular);padding-top:3px;line-height:16px}.primary-button{width:100%;height:var(--button-height);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-black);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-normal);border:none;margin-top:2px}.primary-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.auth-footer{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:18px;display:flex}.text-button{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none}.text-button:hover{text-decoration:underline}.form-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.form-label-row .form-label{margin-bottom:0}.forgot-password-button{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}.forgot-password-button:hover{color:var(--color-primary-dark);text-decoration:underline}.password-toggle{width:28px;height:28px;color:var(--app-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.password-eye-icon{width:20px;height:20px;display:block}.password-toggle:hover{color:var(--color-primary)}.demo-box{border-radius:var(--radius-md);color:#8a5a12;width:100%;font-size:var(--font-size-xs);background:#e09b1a1a;border:1px dashed #e09b1a73;flex-direction:column;gap:3px;margin-top:16px;padding:10px 12px;display:flex}.demo-box strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.form-message{width:100%;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.form-message--error{color:var(--color-error);background:var(--color-error-bg);border:1px solid #ffd4d4}.back-button{top:var(--spacing-xl);left:var(--spacing-xl);align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;display:flex;position:absolute}.back-button:hover{color:var(--color-primary)}.back-button__icon{font-size:var(--font-size-xl);line-height:1}.form-error{color:#d32f2f;text-align:center;margin-bottom:12px;font-size:14px}.auth-required{text-align:center;flex-direction:column;align-items:center;gap:16px;margin:32px 0 12px;display:flex}.auth-required-text{color:var(--app-text,#f3f3f3);margin:0;font-size:15px;line-height:1.45}.auth-required .primary-button{width:100%;max-width:220px}.otp-container{justify-content:center;gap:10px;margin:25px 0;display:flex}.otp-input{text-align:center;border:1px solid #ccc;border-radius:8px;outline:none;width:48px;height:52px;font-size:22px}.otp-input:focus{border-color:#000}.error-message{color:#e53935;margin:8px 0 15px;font-size:14px}.link-text{cursor:pointer;font-weight:600}.auth-page{width:100%;height:100%;padding:var(--spacing-xl);background:var(--color-background);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.otp-page{width:100vw;height:100vh;padding:var(--spacing-xl);background:var(--color-background);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.otp-card{width:100%;max-width:var(--auth-width);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex-shrink:0;margin:0;padding:32px 40px;position:relative}.otp-logo{justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;display:flex}.otp-logo img{object-fit:contain;width:100%;height:100%;display:block}.otp-header{text-align:center;margin-bottom:22px}.otp-title{color:var(--color-text-on-light-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 6px;line-height:1.3}.otp-subtitle{color:var(--color-text-on-light-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);margin:0;line-height:1.5}.otp-form{width:100%}.otp-form-group{width:100%;margin-bottom:14px}.otp-label{color:var(--color-text-on-light-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:6px;line-height:1.3;display:block}.otp-input-container{justify-content:center;align-items:center;gap:10px;width:100%;margin:20px 0;display:flex}.otp-digit{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);width:48px;height:52px;color:var(--color-text-on-light-primary);text-align:center;font-size:22px;font-weight:var(--font-weight-medium);transition:var(--transition-fast);outline:none;flex:0 0 48px;padding:0}.otp-digit:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b1e2d14}.otp-digit-error{border-color:var(--color-error)}.otp-digit-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #c6282814}.otp-error{min-height:17px;color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);text-align:left;padding-top:3px;line-height:14px}.otp-verify-button{width:100%;height:var(--button-height);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-normal);border:none;margin-top:2px}.otp-verify-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.otp-verify-button:active{transform:translateY(0)}.otp-footer{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:18px;display:flex}.otp-resend-button{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:0}.otp-resend-button:hover{color:var(--color-primary-dark);text-decoration:underline}.mpin-card{max-width:var(--auth-width)}.mpin-input{text-align:left;letter-spacing:4px}.field-error-visible,.field-error--visible{color:var(--color-error)}.mpin-card .form-group{margin-bottom:14px}.mpin-card .primary-button{margin-top:2px}.mpin-page{width:100vw;height:100vh;padding:var(--spacing-xl);background:var(--color-background);z-index:1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.mpin-card{width:100%;max-width:var(--auth-width);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex-shrink:0;padding:32px 40px;position:relative;overflow:hidden}.mpin-logo{justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;display:flex}.mpin-logo img{object-fit:contain;width:100%;height:100%;display:block}.mpin-header{text-align:center;margin-bottom:22px}.mpin-title{color:var(--color-text-on-light-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 6px;line-height:1.3}.mpin-subtitle{color:var(--color-text-on-light-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);margin:0;line-height:1.5}.mpin-form{width:100%}.mpin-group{width:100%;margin-bottom:14px}.mpin-label{color:var(--color-text-on-light-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:6px;line-height:1.3;display:block}.mpin-input-container{justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.mpin-input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:48px;height:52px;color:var(--color-text-on-light-primary);font-size:22px;font-weight:var(--font-weight-medium);transition:var(--transition-fast);outline:none;padding:0}.mpin-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b1e2d14}.mpin-input-error{border-color:var(--color-error)}.mpin-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #c6282814}.mpin-field-error{min-height:17px;color:var(--color-error);font-size:var(--font-size-xs);text-align:center;padding-top:3px;line-height:14px}.mpin-primary-button{width:100%;height:var(--button-height);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-normal);border:none;margin-top:2px}.mpin-primary-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mpin-primary-button:active{transform:translateY(0)}.mpin-skip-button{color:var(--color-text-on-light-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;margin:18px auto 0;padding:0;display:block}.mpin-skip-button:hover{color:var(--color-primary);text-decoration:underline}.header-actions .telegram-action{padding:0 12px}@media (height<=750px){.mpin-page{padding:var(--spacing-lg)}.mpin-card{padding:26px 34px}.mpin-logo{width:60px;height:60px;margin-bottom:10px}.mpin-header{margin-bottom:16px}.mpin-title{font-size:23px}.mpin-input-container{margin:16px 0}.mpin-input{width:46px;height:46px}.mpin-field-error{min-height:15px}.mpin-primary-button{height:46px}.mpin-skip-button{margin-top:14px}}@media (width<=600px){.mpin-page{width:100vw;height:100vh;padding:var(--spacing-lg)}.mpin-card{width:100%;max-width:var(--auth-width);border-radius:var(--radius-xl);max-height:calc(100vh - 32px);padding:24px 20px}.mpin-logo{width:60px;height:60px;margin-bottom:10px}.mpin-title{font-size:22px}.mpin-subtitle{font-size:var(--font-size-sm)}.mpin-header{margin-bottom:18px}.mpin-input-container{gap:8px;margin:18px 0}.mpin-input{width:44px;height:48px;font-size:var(--font-size-xl)}.mpin-primary-button{height:46px}.mpin-skip-button{margin-top:14px}}@media (height<=600px){.mpin-page{padding:var(--spacing-sm)}.mpin-card{padding:18px 24px}.mpin-logo{width:45px;height:45px;margin-bottom:6px}.mpin-header{margin-bottom:10px}.mpin-title{font-size:var(--font-size-xl)}.mpin-subtitle{font-size:var(--font-size-xs)}.mpin-input-container{gap:7px;margin:12px 0}.mpin-input{width:40px;height:42px;font-size:18px}.mpin-field-error{min-height:13px;font-size:13px;line-height:12px}.mpin-primary-button{height:40px}.mpin-skip-button{margin-top:var(--spacing-sm)}}@media (height<=750px){.otp-page{padding:var(--spacing-lg)}.otp-card{padding:26px 34px}.otp-logo{width:150px;height:100px;margin-bottom:10px}.otp-header{margin-bottom:16px}.otp-title{font-size:23px}.otp-form-group{margin-bottom:10px}.otp-input-container{margin:16px 0}.otp-digit{flex-basis:46px;width:46px;height:48px}.otp-verify-button{height:46px}.otp-footer{margin-top:14px}}@media (width<=600px){.otp-page{width:100vw;height:100vh;padding:var(--spacing-lg)}.otp-card{width:100%;max-width:var(--auth-width);border-radius:var(--radius-xl);padding:24px 20px}.otp-logo{width:60px;height:60px;margin-bottom:10px}.otp-title{font-size:22px}.otp-subtitle{font-size:var(--font-size-sm)}.otp-header{margin-bottom:18px}.otp-label{font-size:var(--font-size-md)}.otp-input-container{gap:7px;margin:16px 0}.otp-digit{flex:0 0 42px;width:42px;height:48px;font-size:20px}.otp-verify-button{height:46px}.otp-footer{margin-top:14px}}@media (height<=600px){.otp-page{padding:var(--spacing-sm)}.otp-card{padding:18px 24px}.otp-logo{width:45px;height:45px;margin-bottom:6px}.otp-header{margin-bottom:10px}.otp-title{font-size:var(--font-size-xl)}.otp-subtitle{font-size:var(--font-size-xs)}.otp-label{margin-bottom:3px}.otp-input-container{gap:6px;margin:10px 0}.otp-digit{flex-basis:40px;width:40px;height:42px;font-size:18px}.otp-error{min-height:13px;font-size:13px;line-height:12px}.otp-verify-button{height:40px}.otp-footer{margin-top:8px}}.new-password-card{min-height:0}.new-password-success{width:100%;min-height:17px;color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);text-align:left;visibility:hidden;margin-bottom:2px;padding-top:3px;line-height:14px}.new-password-success-visible{visibility:visible}.new-password-card .input-container.input-error{border-color:var(--color-error);box-shadow:none}.new-password-card .input-container.input-error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px #c6282814}.new-password-card .field-error{min-height:17px;color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);text-align:left;padding-top:3px;line-height:14px}@media (width<=600px){.new-password-card{padding:24px 20px}}@media (height<=600px){.new-password-card{padding:18px 24px}.new-password-card .field-error{min-height:13px;padding-top:2px;font-size:13px;line-height:12px}.new-password-success{min-height:13px;font-size:13px;line-height:12px}}@media (height<=750px){.auth-page{padding:20px}.auth-card{padding:26px 34px}.auth-logo{width:150px;height:100px;margin-bottom:10px}.auth-header{margin-bottom:16px}.auth-title{font-size:23px}.form-group{margin-bottom:10px}.form-label{margin-bottom:5px}.input-container{height:46px}.field-error{min-height:15px;padding-top:2px}.primary-button{height:46px}.auth-footer{margin-top:14px}.demo-box{margin-top:12px}}@media (width<=600px){.auth-page{justify-content:center;align-items:center;width:100%;height:100vh;padding:16px;overflow:hidden}.auth-card{width:100%;max-width:var(--auth-width);border-radius:var(--radius-xl);max-height:calc(100vh - 32px);padding:24px 20px;overflow:hidden}.auth-logo{width:60px;height:60px;margin-bottom:10px}.auth-title{font-size:22px}.auth-subtitle{font-size:15px}.auth-header{margin-bottom:18px}.form-group{margin-bottom:10px}.form-label{font-size:16px}.input-container,.primary-button{height:46px}.auth-footer{margin-top:14px}.back-button{top:var(--spacing-lg);left:var(--spacing-lg)}}@media (height<=600px){.auth-page{padding:10px}.auth-card{padding:18px 24px}.auth-logo{width:45px;height:45px;margin-bottom:6px}.auth-header{margin-bottom:10px}.auth-title{font-size:20px}.auth-subtitle{font-size:14px}.form-group{margin-bottom:6px}.form-label{margin-bottom:3px}.input-container{height:40px}.field-error{min-height:13px;font-size:13px;line-height:12px}.primary-button{height:40px}.auth-footer{margin-top:8px}.demo-box{margin-top:8px;padding:7px 10px}}.app-content{padding:12px 14px calc(24px + env(safe-area-inset-bottom));overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;flex-direction:column;flex:1;max-width:100%;margin-left:0;transition:none;display:flex;overflow-x:hidden}@media screen and (width<=800px){.app-content{padding:12px 14px calc(24px + env(safe-area-inset-bottom));margin-left:0}}.dashboard-page{width:100%;padding:4px 2px 16px}.dashboard-contact-strip{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:10px;display:grid}.dashboard-contact-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.dashboard-contact-btn span{color:#fff}.dashboard-contact-icon{flex-shrink:0;width:20px;height:20px}.dashboard-contact-btn--telegram{background:#229ed9}.dashboard-contact-btn--telegram:hover,.dashboard-contact-btn--telegram:focus-visible{background:#1b8fc8;transform:translateY(-1px);box-shadow:0 4px 12px #229ed966}.dashboard-contact-btn--telegram:active{box-shadow:none;background:#1578ab;transform:translateY(0)}.dashboard-contact-btn--whatsapp{background:#25d366}.dashboard-contact-btn--whatsapp img{width:20px;height:20px}.dashboard-contact-btn--whatsapp:hover,.dashboard-contact-btn--whatsapp:focus-visible{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 4px 12px #25d36666}.dashboard-contact-btn--whatsapp:active{box-shadow:none;background:#18a34f;transform:translateY(0)}.dashboard-banner{border-radius:var(--radius-2xl);width:100%;height:148px;min-height:148px;box-shadow:var(--shadow-md);background:#0b0b0b;position:relative;overflow:hidden}.dashboard-banner-image{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.dashboard-banner-image.is-active{opacity:1}.dashboard-banner-dots{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.dashboard-banner-dot{cursor:pointer;background:#fff6;border:none;border-radius:99px;width:6px;height:6px;padding:0}.dashboard-banner-dot.is-active{background:var(--color-primary);width:16px}.dashboard-games{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.market-refresh-btn{color:#ffd36a;cursor:pointer;background:#2b2418;border:1px solid #e09b1a73;border-radius:12px;width:100%;min-height:42px;font-size:14px;font-weight:700}.market-refresh-btn:disabled{opacity:.7;cursor:wait}.game-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-xl);box-shadow:none;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.game-card:hover{box-shadow:none;transform:none}.game-card--closed{border-left:3px solid var(--app-error);border-right:3px solid var(--app-error)}.game-card--running{border-left:3px solid var(--app-success);border-right:3px solid var(--app-success)}.game-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-card-name{color:var(--app-text);font-size:16px;font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.game-card-result{letter-spacing:.6px;justify-content:center;align-items:center;gap:12px;margin:2px 0 4px;font-size:22px;font-weight:800;line-height:1.15;display:flex}.game-card-result-part--0{color:#e09b1a}.game-card-result-part--1{color:#5dcaa0}.game-card-result-part--2{color:#ffd36a}.game-card-status{white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:13px;font-weight:700;line-height:1.3;display:inline-flex}.game-card-status--closed{color:#ff6b6b;background:#ff6b6b29}.game-card-status--running{color:#5dcaa0;background:#5dcaa029}.game-card-timer{grid-template-columns:1fr 1fr;gap:6px;display:grid}.game-card .game-time-pill{background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.game-card .game-time-icon{color:#e09b1a;background:#e09b1a2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.game-card .game-time-icon-svg{width:12px;height:12px}.game-card .game-time-text{color:#fff;flex-direction:column;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.25;display:flex}.game-card .game-time-text strong{color:#ffd36a;white-space:nowrap;font-size:14px;font-weight:700}.game-play-button{border-radius:var(--radius-lg);background:var(--color-primary);width:100%;height:38px;color:var(--color-black);font-size:15px;font-weight:var(--font-weight-semibold);cursor:pointer;border:none}.game-play-button:hover{background:var(--color-primary-dark);color:var(--color-black)}.game-play-button:disabled{color:#8a8a8a;cursor:not-allowed;background:#3a3a3a}@media (width<=900px){.dashboard-banner{height:140px;min-height:140px}}@media (width<=720px){.dashboard-page{padding:8px 2px 20px}.dashboard-games{grid-template-columns:1fr}}@media (width<=480px){.dashboard-banner{border-radius:var(--radius-xl);height:132px;min-height:132px}.game-card-name{font-size:16px}.game-card-result{font-size:22px}}.profile-container{background-color:var(--app-surface);width:100%;max-width:100%;color:var(--app-text);border-radius:var(--radius-xl);font-family:var(--font-family);border:1px solid var(--app-border);margin:auto 0;padding:20px 16px}.profile-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.profile-header-left{align-items:center;gap:16px;display:flex}.profile-avatar{background-color:var(--color-primary);width:64px;height:64px;color:var(--color-black);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info{flex-direction:column;gap:4px;display:flex}.profile-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.profile-phone{color:#a0a0a0;font-size:var(--font-size-md);align-items:center;gap:6px;display:flex}.profile-phone svg{color:#a0a0a0}.profile-verified-btn{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:1px solid #f5a62366;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex}.profile-bank-section{padding:24px 0}.bank-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:20px;display:flex}.bank-section-title svg{color:var(--color-primary)}.bank-details-card{border-radius:var(--radius-lg);background:0 0;border:1px solid #ffffff14;flex-direction:column;display:flex}.bank-detail-row{border-bottom:1px solid #ffffff14;align-items:center;padding:16px 20px;display:flex}.bank-detail-row:last-child{border-bottom:none}.bank-detail-label{color:#909090;font-size:var(--font-size-md);flex:1}.bank-detail-value{color:var(--color-white);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);flex:1}.profile-edit-form{margin-top:8px}.profile-edit-form .form-group{margin-bottom:0}.profile-actions{flex-direction:column;gap:12px;width:100%;padding-top:8px;display:flex}.profile-action-btn{border-radius:var(--radius-lg);width:100%;height:48px;min-height:48px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;line-height:1;display:flex}.profile-action-btn:hover{opacity:.9}.profile-action-btn.primary{background:var(--color-primary);color:var(--color-black)}.profile-action-btn.secondary{color:var(--color-white);background:#ffffff14;border:1px solid #ffffff0d}@media (width<=600px){.profile-container{padding:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:12px}}.app-layout{--app-header-height:calc(60px + env(safe-area-inset-top,0px));--app-footer-height:56px;background:var(--app-bg);width:100%;height:100%;min-height:0;color:var(--app-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.app-layout.notifications-open .app-scroll,.app-layout.menu-open .app-scroll{overflow:hidden}.app-layout .footer{width:100%;min-height:var(--app-footer-height);box-sizing:border-box;color:#c8c8c8;text-align:center;z-index:1100;background:#0b0b0b;border-top:1px solid #3a3a3a;flex-shrink:0;padding:16px 12px;position:relative}.app-layout .footer p{margin:0;font-size:14px}@media (width<=480px){.app-layout{--app-header-height:calc(56px + env(safe-area-inset-top,0px))}}.app-content{background:var(--app-bg);color:var(--app-text)}.app-content>*{width:100%;color:var(--app-text)}.app-page{width:100%;min-height:100%;color:var(--app-text)}.app-page h1,.app-page h2,.app-page h3,.app-content h1,.app-content h2,.app-content h3{color:var(--app-text)}.app-page p,.app-content p{color:var(--app-text-muted)}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px 12px;display:flex}.app-content .error-page{flex:1;min-height:0}.error-page h1{font-size:20px;font-weight:600}.error-page .primary-button{width:auto;min-width:180px;padding:0 20px}html body .auth-page,html body .otp-page,html body .mpin-page{width:100%;height:auto;min-height:100dvh;padding:20px 18px calc(24px + env(safe-area-inset-bottom));background:var(--app-bg);justify-content:center;align-items:stretch;display:flex;position:relative;inset:auto;overflow:visible}html body .auth-card,html body .otp-card,html body .mpin-card,html body .signup-card,html body .signin-card,html body .new-password-card{width:100%;max-width:100%;max-height:none;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;padding:12px 4px 8px;overflow:visible}html body .auth-logo,html body .otp-logo,html body .mpin-logo{width:88px;height:88px;margin:0 auto 16px}html body .auth-title,html body .otp-title,html body .mpin-title{color:#f3f3f3}html body .auth-subtitle,html body .otp-subtitle,html body .mpin-subtitle{color:#a0a0a0}html body .form-label,html body .otp-label,html body .mpin-label{color:#d4d4d4}html body .input-container,html body .otp-digit,html body .mpin-input{background:#2b2b2b;border-color:#ffffff1a}html body .form-input,html body .otp-digit,html body .mpin-input{color:#f2f2f2}html body .form-input[readonly]{color:#b0b0b0;cursor:default}html body .form-input::placeholder{color:#8a8a8a}html body .input-country-code{color:var(--color-primary);border-right-color:#ffffff1f}html body .password-toggle{color:#b0b0b0}html body .forgot-password-button,html body .text-button,html body .otp-resend-button,html body .mpin-skip-button,html body .back-button{color:var(--color-primary)}html body .auth-footer{color:#9a9a9a}html body .demo-box{color:#e0c48a;background:#e09b1a1a;border:1px dashed #e09b1a59}html body .otp-input-container,html body .mpin-input-container{gap:6px;width:100%;margin:14px 0}html body .otp-digit,html body .mpin-input{flex:1 1 0;width:auto;min-width:0;max-width:48px;height:46px}html body .otp-digit:focus,html body .mpin-input:focus,html body .input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #e09b1a2e}html body .primary-button,html body .otp-verify-button,html body .mpin-primary-button{background:var(--color-primary);color:#1a1a1a;flex-shrink:0;margin-top:8px}html body .otp-verify-button,html body .mpin-primary-button,html body .otp-verify-button:hover,html body .mpin-primary-button:hover,html body .primary-button:hover{color:#1a1a1a}.app-shell .header{width:100%;left:0;right:auto}.app-shell img{max-width:100%}.page-header{margin-bottom:18px}.page-heading{color:#f3f3f3;margin:0 0 4px;font-size:24px;font-weight:700}.page-subheading{color:#a0a0a0;margin:0 0 12px;font-size:16px;font-weight:400;line-height:1.45}.page-divider{background:#3a3a3a;border:none;width:100%;height:1px;margin:0}.app-table-wrap{background:#242424;border:1px solid #3a3a3a;border-radius:8px;width:100%;overflow-x:auto}.app-table{border-collapse:collapse;border-spacing:0;width:100%}.app-table th,.app-table td{text-align:center;vertical-align:middle;word-break:normal;overflow-wrap:break-word;border:1px solid #3a3a3a;padding:10px 8px;font-size:15px}.app-table th{color:#e09b1a;background:#2b2b2b;font-weight:600}.app-table td{color:#f3f3f3;background:#242424}.app-table th:first-child,.app-table td:first-child{text-align:left;padding-left:12px}.app-table td:last-child{color:#e09b1a;font-weight:600}.table-datetime{flex-direction:column;gap:2px;line-height:1.25;display:flex}.table-datetime span:last-child{color:var(--app-text-muted);font-size:13px}.app-table-block{flex-direction:column;gap:14px;display:flex}.transactions-page{flex-direction:column;min-height:0;display:flex}.transactions-page .app-table-block{min-height:0}.transactions-page .app-table-wrap{-webkit-overflow-scrolling:touch;max-height:min(62vh,520px);overflow:auto}.transactions-page .app-table{table-layout:fixed;width:max(100%,540px);min-width:540px}.transactions-page .app-table th{z-index:1;position:sticky;top:0}.transactions-page .app-table th,.transactions-page .app-table td{word-break:normal;overflow-wrap:break-word}.transactions-page .app-table th:first-child,.transactions-page .app-table td:first-child{white-space:nowrap;width:120px;min-width:120px}.transactions-page .app-table th:nth-child(2),.transactions-page .app-table td:nth-child(2){white-space:nowrap;width:110px;min-width:110px}.transactions-page .app-table th:nth-child(3),.transactions-page .app-table td:nth-child(3){text-align:left;white-space:normal;overflow-wrap:break-word;min-width:220px}.transactions-page .app-table th:nth-child(4),.transactions-page .app-table td:nth-child(4){white-space:nowrap;width:80px;min-width:80px}.play-history-page{flex-direction:column;min-height:0;display:flex;overflow-x:hidden}.play-history-list{flex-direction:column;gap:10px;display:flex;overflow-x:hidden}.play-history-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:14px;overflow:hidden}.play-history-card.is-open{border-color:#e09b1a73}.play-history-accordion-btn{background:var(--app-surface-2);width:100%;color:inherit;text-align:left;cursor:pointer;border:none;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px;display:grid}.play-history-when{flex-direction:column;gap:3px;min-width:0;display:flex}.play-history-when strong{color:var(--app-text);font-size:14px;font-weight:700;line-height:1.2}.play-history-when span{color:#ffd36a;font-size:12px;font-weight:700}.play-history-summary{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.play-history-market{max-width:100%;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.play-history-type{color:#e09b1a;background:#e09b1a29;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.play-history-toggle{color:#ffd36a;background:#2b2418;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;line-height:1;display:flex}.play-history-body{border-top:1px solid var(--app-border)}.play-history-table{padding:6px 12px 10px}.play-history-table-head,.play-history-table-row{text-align:center;grid-template-columns:1fr 1fr;align-items:center;min-height:28px;display:grid}.play-history-table-head{color:var(--app-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:700}.play-history-table-row{border-top:1px solid var(--app-border)}.play-history-table-row strong{color:#ffd36a;font-size:15px;font-weight:700}@media (width<=420px){.play-history-accordion-btn{grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"when toggle""summary toggle"}.play-history-when{grid-area:when}.play-history-summary{grid-area:summary;align-items:flex-start}.play-history-toggle{grid-area:toggle}}.leak-jodi-page .app-table{table-layout:fixed}.leak-jodi-page .app-table th,.leak-jodi-page .app-table td{text-align:center;width:50%}.leak-jodi-page .app-table th:first-child,.leak-jodi-page .app-table td:first-child{text-align:center;padding-left:8px}.leak-jodi-page .app-table td:first-child>div{justify-content:center}.leak-jodi-value{text-align:center;display:inline-block}.app-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.app-pagination-pages{align-items:center;gap:6px;display:flex}.app-pagination-btn,.app-pagination-page{color:#f3f3f3;cursor:pointer;background:#242424;border:1px solid #3a3a3a;border-radius:6px;min-width:36px;height:32px;padding:0 10px;font-size:14px;font-weight:600}.app-pagination-btn:disabled,.app-pagination-page:disabled{opacity:.45;cursor:not-allowed}.app-pagination-page.active{color:#1a1a1a;background:#e09b1a;border-color:#e09b1a}.app-pagination-ellipsis{color:#a0a0a0;letter-spacing:1px;text-align:center;min-width:20px;font-size:14px;font-weight:700}.money-page{flex-direction:column;display:flex;position:relative}.wallet-hero{border-bottom:1px solid var(--app-border);flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;padding:18px 12px 16px;display:flex}.wallet-hero-label{color:var(--color-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:15px;font-weight:700}.wallet-hero-amount{color:var(--app-text);justify-content:center;align-items:center;gap:8px;font-size:32px;font-weight:700;line-height:1.1;display:flex}.wallet-hero-coin{object-fit:contain;width:28px;height:28px}.wallet-qr-wrap{flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;display:flex}.wallet-qr-image{object-fit:contain;border:1px solid var(--app-border);background:#fff;border-radius:12px;width:168px;height:168px;padding:8px}.wallet-qr-caption{color:var(--app-text-muted);font-size:14px;font-weight:600}.screenshot-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.screenshot-upload{border:1px dashed var(--color-primary);background:var(--app-surface);min-height:88px;color:var(--app-text-muted);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:12px;font-size:15px;font-weight:600;display:flex}.screenshot-upload img{object-fit:contain;border-radius:8px;max-width:100%;max-height:160px}.money-note{margin-top:4px}.refer-code-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;padding:22px 16px;display:flex}.refer-code{color:var(--color-primary);letter-spacing:2px;font-size:28px;font-weight:700}.refer-actions{gap:10px;width:100%;display:flex}.refer-action-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#1a1a1a;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;flex:1;min-height:44px;padding:0 16px;font-size:14px;font-weight:700}.refer-status{color:var(--app-success);text-align:center;margin:0;font-size:15px;font-weight:600}.refer-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.refer-stat{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.refer-stat strong{color:var(--color-primary);font-size:22px}.refer-stat span{color:var(--app-text-muted);font-size:14px;font-weight:600}.money-form{flex-direction:column;gap:12px;display:flex}.history-accordion{margin-top:8px}.history-accordion-btn{border:1px solid var(--app-border);background:var(--app-surface);width:100%;min-height:48px;color:var(--app-text);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-size:16px;font-weight:700;display:flex}.history-accordion-body{margin-top:12px}.history-empty{text-align:center;color:var(--app-text-muted);margin:24px 0 8px;font-size:14px}.history-amount-in{color:#22c55e;font-weight:700}.history-pending-note{color:var(--app-text-muted);margin:0 0 12px;font-size:15px;line-height:1.45}.history-filter{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.history-filter label{color:var(--app-text-muted);font-size:15px;font-weight:600}.history-filter-select{border:1px solid var(--app-border);background:var(--app-surface);height:36px;color:var(--app-text);border-radius:8px;padding:0 10px;font-size:15px}.money-label{color:var(--app-text);text-transform:uppercase;letter-spacing:.4px;font-size:15px;font-weight:600}.money-input{border:1px solid var(--app-border);background:var(--app-surface);width:100%;height:48px;color:var(--app-text);border-radius:24px;outline:none;padding:0 14px;font-size:16px}.money-input:focus{border-color:var(--color-primary)}.amount-chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.amount-chip{border:1px solid var(--app-border);border-radius:var(--radius-md);background:var(--app-surface);height:40px;color:var(--app-text);cursor:pointer;font-size:15px;font-weight:600}.amount-chip.active,.amount-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings-list{flex-direction:column;gap:14px;display:flex}.settings-row{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 14px;display:flex}.settings-row span{color:var(--app-text);font-size:14px;font-weight:500}.settings-action{border-radius:var(--radius-md);background:var(--color-primary);color:#1a1a1a;text-transform:uppercase;cursor:pointer;border:none;height:36px;padding:0 14px;font-size:14px;font-weight:700}.settings-toggle{border:1px solid var(--app-border);background:var(--app-surface-2);min-width:64px;height:32px;color:var(--app-text-muted);text-transform:uppercase;cursor:pointer;border-radius:999px;padding:0 12px;font-size:14px;font-weight:700}.settings-toggle.on{background:var(--color-primary);border-color:var(--color-primary);color:#1a1a1a}.notice-card{background:#242424;border:1px solid #3a3a3a;border-radius:14px;padding:16px}.notice-block{border-bottom:1px solid #3a3a3a;margin-bottom:14px;padding-bottom:14px}.notice-block:last-of-type{margin-bottom:16px}.notice-title{color:#e09b1a;letter-spacing:.4px;text-transform:uppercase;margin:0 0 8px;font-size:16px;font-weight:700}.notice-card .notice-line{color:#f3f3f3;margin:0 0 6px;font-size:16px;line-height:1.6}.notice-card .notice-line:last-child{margin-bottom:0}.notice-rates{flex-direction:column;gap:8px;margin-top:10px;display:flex}.notice-rate{color:#f3f3f3;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:15px;display:flex}.notice-rate strong{color:#e09b1a;font-size:16px}.app-content .notice-highlight,.app-page .notice-highlight{color:#f3e2b8;text-align:left;cursor:default;pointer-events:none;background:#2b2418;border:1px solid #e09b1a;border-left-width:4px;border-radius:4px;margin:0;padding:12px 14px 12px 16px;font-size:16px;font-weight:700;line-height:1.6}html[data-theme=light] .app-shell,html[data-theme=light] .app-layout,html[data-theme=light] .app-content,html[data-theme=light] .auth-page,html[data-theme=light] .otp-page,html[data-theme=light] .mpin-page{color:#222;background:#f4f4f4}html[data-theme=light] .page-heading,html[data-theme=light] .profile-name,html[data-theme=light] .wallet-hero-amount,html[data-theme=light] .settings-row span,html[data-theme=light] .game-card-name,html[data-theme=light] .auth-title,html[data-theme=light] .otp-title,html[data-theme=light] .mpin-title,html[data-theme=light] .form-label,html[data-theme=light] .otp-label,html[data-theme=light] .mpin-label,html[data-theme=light] .money-label{color:#222}html[data-theme=light] .page-subheading,html[data-theme=light] .auth-subtitle,html[data-theme=light] .otp-subtitle,html[data-theme=light] .mpin-subtitle,html[data-theme=light] .auth-footer,html[data-theme=light] .profile-phone{color:#777}html[data-theme=light] .page-divider{background:#d8d8d8}html[data-theme=light] .app-table-wrap,html[data-theme=light] .app-table td,html[data-theme=light] .profile-container,html[data-theme=light] .game-card,html[data-theme=light] .settings-row,html[data-theme=light] .notice-card,html[data-theme=light] .money-input,html[data-theme=light] .amount-chip,html[data-theme=light] .screenshot-upload,html[data-theme=light] .refer-code-card,html[data-theme=light] .refer-stat,html[data-theme=light] .input-container,html[data-theme=light] .otp-digit,html[data-theme=light] .mpin-input{color:#222;background:#fff}html[data-theme=light] .app-table th,html[data-theme=light] .app-table th,html[data-theme=light] .settings-toggle{color:#222;background:#ececec}html[data-theme=light] .app-table-wrap,html[data-theme=light] .app-table th,html[data-theme=light] .app-table td,html[data-theme=light] .profile-container,html[data-theme=light] .game-card,html[data-theme=light] .settings-row,html[data-theme=light] .notice-card,html[data-theme=light] .money-input,html[data-theme=light] .amount-chip,html[data-theme=light] .wallet-hero,html[data-theme=light] .screenshot-upload,html[data-theme=light] .refer-code-card,html[data-theme=light] .refer-stat,html[data-theme=light] .input-container,html[data-theme=light] .otp-digit,html[data-theme=light] .mpin-input,html[data-theme=light] .app-header{border-color:#d8d8d8}html[data-theme=light] .app-header,html[data-theme=light] .side-menu{background:#fff}html[data-theme=light] .guest-name,html[data-theme=light] .side-menu-item{color:#222}html[data-theme=light] .guest-label{color:#777}html[data-theme=light] .side-menu-divider,html[data-theme=light] .logout-divider{background:#d8d8d8}html[data-theme=light] .header-action{color:#222;background:#fff;border-color:#d8d8d8}html[data-theme=light] .menu-button{background:0 0;border:none}html[data-theme=light] .notification-menu{background:#fff;border-color:#d8d8d8}html[data-theme=light] .notification-menu-title,html[data-theme=light] .notification-item-title{color:#111}html[data-theme=light] .notification-menu-title,html[data-theme=light] .notification-item{border-bottom-color:#d8d8d8}html[data-theme=light] .notification-item-text{color:#555}html[data-theme=light] .notification-item-time{color:#b87c10}html[data-theme=light] .form-input,html[data-theme=light] .money-input,html[data-theme=light] .notice-card .notice-line{color:#222}html[data-theme=light] .refer-stat span{color:#777}html[data-theme=light] .notice-rate{color:#222;background:#f4f4f4;border-color:#d8d8d8}html[data-theme=light] .game-card .game-time-pill{background:#f4f4f4;border-color:#d8d8d8}html[data-theme=light] .game-card .game-time-text{color:#111}html[data-theme=light] .game-card .game-time-text strong{color:#b87c10}html[data-theme=light] .game-card-result-part--0{color:#c9820f}html[data-theme=light] .game-card-result-part--1{color:#18794e}html[data-theme=light] .game-card-result-part--2{color:#b87c10}html[data-theme=light] .game-play-button:disabled{color:#8a8a8a;background:#e8e8e8}html[data-theme=light] .game-card-status--closed{color:#c62828;background:#fff0f0}html[data-theme=light] .game-card-status--running{color:#18794e;background:#eaf8f1}html[data-theme=light] .app-content .notice-highlight,html[data-theme=light] .app-page .notice-highlight{color:#111;background:#fff4dc;border-color:#e09b1a}html[data-theme=light] .app-table td:last-child{color:#e09b1a}html[data-theme=light] .confirm-card{background:#fff;border-color:#d8d8d8}html[data-theme=light] .confirm-title{color:#222}html[data-theme=light] .confirm-text,html[data-theme=light] .confirm-btn-cancel{color:#777}.header-gold-coin img,.header-bell img{width:22px;height:22px;margin-top:4px}.support-form{flex-direction:column;width:100%;display:flex}.support-form .form-group{margin-bottom:12px}.support-textarea{border:1px solid var(--app-border);border-radius:var(--radius-lg);resize:vertical;background:var(--app-surface-2);width:100%;min-height:120px;color:var(--app-text);font-family:var(--font-family);font-size:var(--font-size-md);transition:var(--transition-fast);outline:none;padding:12px;line-height:1.5}.support-textarea::placeholder{color:#8a8a8a}.support-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e09b1a2e}.support-textarea.input-container--error,.support-textarea.input-error{border-color:#f33}.support-form .primary-button{margin-top:4px}.result-history-page{flex-direction:column;min-height:0;display:flex;overflow-x:hidden}.result-history-list{flex-direction:column;gap:10px;width:100%;display:flex}.result-table-scroll{width:100%;min-width:0;overflow:hidden}.result-card-date,.result-card-game{overflow-wrap:anywhere;min-width:0}.result-history-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);width:100%;min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.result-card-header{background:var(--app-surface-2);border-bottom:1px solid var(--app-border);min-height:40px;font-size:13px;font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 12px;display:flex}.result-card-date{color:var(--app-text);white-space:nowrap;flex:0 auto}.result-card-game{color:var(--color-primary);text-align:right;font-weight:var(--font-weight-semibold);flex:auto;line-height:1.3}.result-table-header,.result-table-row{text-align:center;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.7fr);align-items:center;display:grid}.result-table-header span,.result-table-row span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.result-table-header{background:var(--app-surface-2);border-bottom:1px solid var(--app-border);min-height:32px;color:var(--app-text);font-size:11px;font-weight:var(--font-weight-semibold);padding:6px}.result-table-row{min-height:36px;color:var(--app-text);border-bottom:1px solid var(--app-border);padding:6px;font-size:13px}.result-table-row:last-child{border-bottom:none}.result-table-row--empty{color:var(--app-text-muted);grid-template-columns:1fr}.result-status{font-weight:var(--font-weight-medium)}.result-status.pending{color:var(--app-text-muted)}.result-status.winner{color:#2e9b5b}.result-status.loser{color:#d9534f}.result-won{color:var(--color-primary);font-weight:var(--font-weight-semibold)}html[data-theme=light] .result-history-card{background:#fff;border-color:#d6d6d6}html[data-theme=light] .result-card-header,html[data-theme=light] .result-table-header{background:#f5f5f5}html[data-theme=light] .result-card-date,html[data-theme=light] .result-table-header,html[data-theme=light] .result-table-row{color:#222}html[data-theme=light] .result-card-game{color:var(--color-primary)}html[data-theme=light] .result-table-row{border-color:#e1e1e1}html[data-theme=light] .profile-container{color:#222;background:#fff;border-color:#d8d8d8}html[data-theme=light] .profile-header{border-bottom-color:#e1e1e1}html[data-theme=light] .profile-name{color:#222}html[data-theme=light] .profile-phone,html[data-theme=light] .profile-phone svg{color:#777}html[data-theme=light] .profile-verified-btn{color:var(--color-primary-dark);background:#fffaf0;border-color:#e09b1a66}html[data-theme=light] .bank-section-title{color:#222}html[data-theme=light] .bank-section-title svg{color:var(--color-primary)}html[data-theme=light] .bank-details-card{background:#fff;border-color:#d8d8d8}html[data-theme=light] .bank-detail-row{border-bottom-color:#e1e1e1}html[data-theme=light] .bank-detail-label{color:#777}html[data-theme=light] .bank-detail-value{color:#222}html[data-theme=light] .profile-action-btn.primary{background:var(--color-primary);color:#1a1a1a}html[data-theme=light] .profile-action-btn.secondary{color:#222;background:#eee;border-color:#d8d8d8}html[data-theme=light] .profile-action-btn.secondary svg{color:#222}html[data-theme=light] .profile-action-btn.secondary:hover{color:#111;background:#e5e5e5}.resultPagination{margin-top:15px}.page-back-btn{border:1px solid var(--app-border);border-radius:var(--radius-md);background:var(--app-surface-2);width:32px;height:32px;color:var(--app-text);cursor:pointer;transition:var(--transition-fast);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;font-size:18px;line-height:1;display:inline-flex}.page-back-btn:hover{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary)}.game-type-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.game-type-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:36px 16px;display:flex}.game-type-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.game-type-icon{font-size:56px;line-height:1}.game-type-name{font-size:22px;font-weight:var(--font-weight-bold);letter-spacing:1px}.game-type-name--jodi{color:#42a5f5}.game-type-name--harup{color:#ffa726}.jodi-grid{border-radius:var(--radius-md);border:1px solid #3a3a3a;grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}.jodi-cell{border:1px solid #3a3a3a;flex-direction:column;display:flex}.jodi-num{background:var(--color-primary);color:var(--color-black);text-align:center;font-weight:var(--font-weight-bold);padding:5px 0;font-size:14px}.jodi-input{text-align:center;width:100%;font-size:14px;font-family:var(--font-family);background:var(--app-surface);color:var(--app-text);border:none;outline:none;padding:6px 0}.jodi-input::placeholder{color:#555}.jodi-input::-webkit-outer-spin-button{appearance:none;margin:0}.jodi-input::-webkit-inner-spin-button{appearance:none;margin:0}.jodi-input[type=number]{appearance:textfield}.harup-form{flex-direction:column;gap:18px;margin-top:4px;display:flex}.harup-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.harup-label{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--app-text-muted);white-space:nowrap;flex-shrink:0}.harup-radios{gap:18px;display:flex}.harup-radio{cursor:pointer;color:var(--app-text);align-items:center;gap:5px;font-size:15px;display:flex}.harup-radio input[type=radio]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.harup-input{border:1px solid var(--app-border);border-radius:var(--radius-lg);background:var(--app-surface-2);max-width:160px;height:42px;color:var(--app-text);font-size:14px;font-family:var(--font-family);text-align:center;transition:var(--transition-fast);outline:none;flex:1;padding:0 14px}.harup-input:focus{border-color:var(--color-primary)}.harup-input::-webkit-outer-spin-button{appearance:none;margin:0}.harup-input::-webkit-inner-spin-button{appearance:none;margin:0}.harup-input[type=number]{appearance:textfield}.harup-remove-btn{border-radius:var(--radius-sm);color:#ff6b6b;cursor:pointer;width:26px;height:26px;transition:var(--transition-fast);background:#ff6b6b2e;border:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.harup-remove-btn:hover{background:#ff6b6b59}.game-popup-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-popup{border-radius:var(--radius-xl);width:85%;max-width:320px;overflow:hidden;box-shadow:0 12px 40px #0006}.game-popup-header{background:var(--color-primary);color:var(--color-black);text-align:center;font-weight:var(--font-weight-bold);letter-spacing:1px;padding:14px;font-size:16px}.game-popup-body{background:var(--app-surface);text-align:center;padding:28px 20px 22px}.game-popup-text{font-size:17px;font-weight:var(--font-weight-bold);margin-bottom:22px;color:var(--app-success)!important}.game-popup-body .primary-button{max-width:140px;margin:0 auto}.loading-spinner{border:3px solid #e09b1a33;border-top-color:#e09b1a;border-radius:50%;width:28px;height:28px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html[data-theme=light] .jodi-grid,html[data-theme=light] .jodi-cell{border-color:#d8d8d8}html[data-theme=light] .jodi-input{color:#222;background:#fff}html[data-theme=light] .jodi-input::placeholder{color:#999}html[data-theme=light] .harup-label{color:#666}html[data-theme=light] .harup-radio{color:#222}html[data-theme=light] .harup-input{color:#222;background:#fff;border-color:#d8d8d8}html[data-theme=light] .harup-input::placeholder{color:#999}html[data-theme=light] .support-textarea{color:#222;background:#fff;border-color:#d8d8d8}html[data-theme=light] .support-textarea::placeholder{color:#999}html[data-theme=light] .game-type-card{background:#fff;border-color:#d8d8d8}html[data-theme=light] .game-type-card:hover{box-shadow:0 8px 24px #0000001a}html[data-theme=light] .app-layout .footer{background:#fff;border-top-color:#d8d8d8}html[data-theme=light] .app-layout .footer p{color:#000}html[data-theme=light] .game-popup-body{background:#fff}html[data-theme=light] .game-popup-text{color:#18794e!important}.required-asterisk{color:red;margin-left:2px}.game-card{--glow-rgb:255, 107, 107;--glow-low:.1;--glow-high:.45}.game-card--running{--glow-rgb:95, 211, 160;--glow-low:.12;--glow-high:.55}@keyframes card-breathe{0%,to{box-shadow:0 0 4px rgba(var(--glow-rgb), var(--glow-low)), 0 0 0 rgba(var(--glow-rgb), 0);border-color:rgba(var(--glow-rgb), .45)}50%{box-shadow:0 0 14px rgba(var(--glow-rgb), var(--glow-high)), 0 0 30px rgba(var(--glow-rgb), calc(var(--glow-high) * .35));border-color:rgba(var(--glow-rgb), 1)}}.game-card{animation:3.2s ease-in-out infinite card-breathe;animation-delay:calc(var(--i,0) * -.45s)}.game-card--closed{--glow-high:.28;animation-duration:4.8s}@keyframes status-dot-pulse{0%{box-shadow:0 0 0 0 rgba(var(--glow-rgb), .55)}70%{box-shadow:0 0 0 8px rgba(var(--glow-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--glow-rgb), 0)}}.game-card-status{position:relative}.game-card-status--running{animation:1.8s ease-out infinite status-dot-pulse}.game-card-status--running:before{content:"";background:rgb(var(--glow-rgb));vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.2s ease-in-out infinite live-dot;display:inline-block}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes play-glow{0%,to{box-shadow:0 0 6px #e09a1a59,0 0 #e09a1a00}50%{box-shadow:0 0 18px #ffbe3cd9,0 0 34px #e09a1a59}}@keyframes play-shine{0%{transform:translate(-120%)skew(-20deg)}55%,to{transform:translate(260%)skew(-20deg)}}.game-play-button{transition:transform .15s,filter .2s;position:relative;overflow:hidden}.game-play-button:not(:disabled){animation:2s ease-in-out infinite play-glow}.game-play-button:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;height:100%;animation:3.4s ease-in-out infinite play-shine;position:absolute;top:0;left:0}.game-play-button:not(:disabled):active{transform:scale(.97)}.game-play-button:disabled{box-shadow:none;animation:none}@keyframes result-twinkle{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.game-card-result-part{animation:1.6s ease-in-out infinite result-twinkle;display:inline-block}.game-card-result-part--1{animation-delay:.3s}.game-card-result-part--2{animation-delay:.6s}@keyframes banner-zoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.dashboard-banner-dot{transition:width .3s,background-color .3s}@keyframes contact-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.dashboard-contact-btn{transition:transform .15s,filter .2s}.dashboard-contact-btn--telegram{animation:3s ease-in-out infinite contact-float}.dashboard-contact-btn--whatsapp{animation:3s ease-in-out 1.5s infinite contact-float}.dashboard-contact-btn:active{transform:scale(.96)}@keyframes soft-blink{0%,to{opacity:.45}50%{opacity:1}}.history-empty{animation:1.4s ease-in-out infinite soft-blink}@media (prefers-reduced-motion:reduce){.game-card,.game-card-status--running,.game-card-status--running:before,.game-play-button,.game-play-button:after,.game-card-result-part,.dashboard-banner-image.is-active,.dashboard-contact-btn,.history-empty{animation:none!important}}:root{--landing-color-primary:#f5a623;--landing-color-primary-dark:#c9820f;--landing-color-primary-light:#f5a6231f;--landing-color-secondary:#1e3a8a;--landing-color-secondary-dark:#16296b;--landing-color-secondary-light:#1e3a8a1f;--landing-color-accent-red:#df0013;--landing-color-accent-red-dark:#b9000f;--landing-color-white:#fff;--landing-color-black:#000;--landing-color-text-primary:#fff;--landing-color-text-secondary:#bdbdbd;--landing-color-text-muted:#999;--landing-color-text-light:#e8e8e8;--landing-color-border:#ddd;--landing-color-border-light:#eee;--landing-color-border-dark:#777;--landing-color-background:#303030;--landing-color-background-dark:#262626;--landing-color-background-black:#0b0b0b;--landing-color-background-light:#f7f7f7;--landing-color-success:#18794e;--landing-color-success-bg:#eaf8f1;--landing-color-error:#c62828;--landing-color-error-bg:#fff0f0;--landing-overlay-white-xs:#ffffff06;--landing-overlay-white-sm:#ffffff09;--landing-overlay-white-md:#ffffff0e;--landing-overlay-white-lg:#ffffff12;--landing-overlay-white-border:#ffffff0f;--landing-overlay-white-border-light:#ffffff14;--landing-overlay-white-border-dark:#ffffff1a;--landing-overlay-black-sm:#00000014;--landing-overlay-black-md:#00000026;--landing-overlay-black-lg:#0000004d;--landing-overlay-black-xl:#00000080;--landing-overlay-primary-light:#f5a6230f;--landing-overlay-primary-sm:#f5a6231a;--landing-overlay-primary-md:#f5a62359;--landing-overlay-primary-lg:#f5a62366;--landing-overlay-primary-shadow:#f5a6234d;--landing-font-family:"Poppins", sans-serif;--landing-font-size-xs:11px;--landing-font-size-sm:12px;--landing-font-size-md:13px;--landing-font-size-lg:14px;--landing-font-size-xl:20px;--landing-font-size-2xl:26px;--landing-font-size-3xl:30px;--landing-font-size-4xl:32px;--landing-font-size-5xl:36px;--landing-font-size-6xl:38px;--landing-font-weight-regular:400;--landing-font-weight-medium:500;--landing-font-weight-semibold:600;--landing-font-weight-bold:700;--landing-line-height-tight:1.2;--landing-line-height-normal:1.25;--landing-line-height-relaxed:1.7;--landing-line-height-loose:1.8;--landing-letter-spacing-sm:.3px;--landing-letter-spacing-md:.4px;--landing-letter-spacing-lg:.7px;--landing-letter-spacing-wide:2.5px;--landing-letter-spacing-wider:3px;--landing-spacing-xs:5px;--landing-spacing-sm:8px;--landing-spacing-md:12px;--landing-spacing-lg:16px;--landing-spacing-xl:20px;--landing-spacing-2xl:28px;--landing-spacing-3xl:40px;--landing-spacing-section-sm:60px;--landing-spacing-section-md:70px;--landing-spacing-section-lg:80px;--landing-spacing-section-xl:90px;--landing-spacing-section-2xl:100px;--landing-radius-sm:5px;--landing-radius-md:6px;--landing-radius-lg:8px;--landing-radius-xl:10px;--landing-radius-2xl:14px;--landing-radius-round:50%;--landing-shadow-sm:0 2px 8px #0000000d;--landing-shadow-md:0 5px 15px #00000014;--landing-shadow-lg:0 12px 40px #00000014;--landing-shadow-header:0 4px 15px #00000026;--landing-shadow-menu:0 15px 40px #00000080, 0 5px 15px #0000004d;--landing-shadow-image:0 20px 35px #00000040;--landing-shadow-primary:0 5px 15px #f5a6234d;--landing-header-height:84px;--landing-header-height-mobile:72px;--landing-header-height-small:68px;--landing-container-width:1213px;--landing-content-width:1180px;--landing-how-to-play-width:1000px;--landing-auth-width:460px;--landing-input-height:50px;--landing-button-height:50px;--landing-logo-width:110px;--landing-logo-wrapper-width:125px;--landing-hamburger-size:42px;--landing-transition-fast:.2s ease;--landing-transition-normal:.25s ease;--landing-transition-slow:.3s ease;--landing-z-header:10000;--landing-z-logo:10001;--landing-z-hamburger:10002;--landing-z-content:2;--landing-z-mobile-menu:99999}.header{width:100%;height:var(--landing-header-height);z-index:var(--landing-z-header);transition:background-color var(--landing-transition-slow), border-color var(--landing-transition-slow), box-shadow var(--landing-transition-slow);background:0 0;border-bottom:1px solid #0000;position:fixed;top:0;left:0}.header-scrolled{background:var(--landing-color-background);border-bottom:1px solid var(--landing-overlay-white-border-sm);box-shadow:var(--landing-shadow-header)}.header-container{width:100%;max-width:var(--landing-container-width);box-sizing:border-box;align-items:center;height:100%;margin:0 auto;padding:0 30px;display:flex}.logo-wrapper{width:var(--landing-logo-wrapper-width);height:100%;z-index:var(--landing-z-logo);flex-shrink:0;justify-content:flex-start;align-items:center;text-decoration:none;display:flex;position:relative}.landing-header-logo{width:var(--landing-logo-width);object-fit:contain;object-position:left center;height:auto;max-height:80px;display:block}.nav-menu{align-items:center;gap:30px;margin-left:auto;margin-right:30px;display:flex}.nav-menu button{color:var(--landing-color-text-light);font-family:var(--landing-font-family);font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-medium);letter-spacing:var(--landing-letter-spacing-md);cursor:pointer;transition:color var(--landing-transition-normal), transform var(--landing-transition-normal);background:0 0;border:none;outline:none;padding:8px 0;position:relative}.nav-menu button:hover{color:var(--landing-color-primary)}.nav-menu button.active{color:var(--landing-color-primary);font-weight:var(--landing-font-weight-semibold)}.nav-menu button:after{content:"";background:var(--landing-color-primary);transform-origin:50%;width:100%;height:2px;transition:transform var(--landing-transition-normal);border-radius:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-menu button:hover:after,.nav-menu button.active:after{transform:scaleX(1)}.auth-buttons{flex-shrink:0;align-items:center;gap:9px;display:flex}.auth-buttons button{border-radius:var(--landing-radius-xl);height:34px;font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-semibold);cursor:pointer;transition:all var(--landing-transition-fast);padding:0 17px}.login-btn{color:var(--landing-color-white);border:1px solid var(--landing-color-border-dark);background:0 0}.login-btn:hover{border-color:var(--landing-color-primary);color:var(--landing-color-primary)}.signup-btn{background:var(--landing-color-primary);color:var(--landing-color-white);border:1px solid var(--landing-color-primary)}.signup-btn:hover{background:var(--landing-color-primary-dark);border-color:var(--landing-color-primary-dark)}.hamburger{width:var(--landing-hamburger-size);height:var(--landing-hamburger-size);border:1px solid var(--landing-overlay-white-border-dark);border-radius:var(--landing-radius-md);background:var(--landing-overlay-black-sm);cursor:pointer;z-index:var(--landing-z-hamburger);transition:background var(--landing-transition-normal), border-color var(--landing-transition-normal);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin:0;padding:0;display:none;position:relative}.hamburger:hover{background:var(--landing-overlay-white-md);border-color:var(--landing-overlay-primary-md)}.hamburger span{background:var(--landing-color-white);width:20px;height:2px;transition:transform var(--landing-transition-normal), opacity var(--landing-transition-normal), width var(--landing-transition-normal);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;width:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none}.home-section{background:var(--landing-color-background);align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.home-section:before{content:"";background:var(--landing-overlay-white-xs);width:500px;height:500px;position:absolute;top:-280px;left:-180px;transform:rotate(45deg)}.home-section:after{content:"";background:var(--landing-overlay-white-md);border-radius:var(--landing-radius-round);width:600px;height:250px;position:absolute;bottom:-150px;right:-200px;transform:rotate(-20deg)}.home-container{width:100%;max-width:var(--landing-content-width);min-height:82vh;z-index:var(--landing-z-content);justify-content:center;align-items:center;gap:70px;margin:39px auto -39px;display:flex;position:relative}.home-logo{flex-shrink:0;justify-content:center;align-items:center;width:500px;height:450px;display:flex}.home-logo img{object-fit:contain;width:700px;max-width:100%;height:auto}.home-content{max-width:470px}.home-content h1{color:var(--landing-color-white);font-size:var(--landing-font-size-6xl);line-height:var(--landing-line-height-normal);font-weight:var(--landing-font-weight-semibold);margin:0 0 18px;font-family:Arial,sans-serif}.home-content p{color:#d1d1d1;font-size:var(--landing-font-size-lg);line-height:var(--landing-line-height-loose);margin:0 0 28px;font-family:Arial,sans-serif}.download-btn{background:var(--landing-color-primary);color:var(--landing-color-white);border-radius:var(--landing-radius-xl);font-size:var(--landing-font-size-md);font-weight:var(--landing-font-weight-semibold);cursor:pointer;transition:all var(--landing-transition-normal);border:none;padding:13px 25px}.download-btn:hover{background:var(--landing-color-primary-dark);box-shadow:var(--landing-shadow-primary);transform:translateY(-2px)}.about-section{background:var(--landing-color-background-dark);width:100%;min-height:100vh;padding:var(--landing-spacing-section-xl) 0 var(--landing-spacing-section-lg);box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";border-radius:var(--landing-radius-round);background:var(--landing-overlay-primary-light);width:450px;height:450px;position:absolute;top:50%;left:-220px;transform:translateY(-50%)}.about-heading{text-align:center;width:100%;z-index:var(--landing-z-content);margin-bottom:55px;position:relative}.about-heading span{color:var(--landing-color-primary);font-size:16px;font-weight:var(--landing-font-weight-bold);letter-spacing:var(--landing-letter-spacing-wider);margin-bottom:10px;display:block}.about-heading h2{color:var(--landing-color-white);font-size:var(--landing-font-size-5xl);line-height:var(--landing-line-height-tight);font-weight:var(--landing-font-weight-semibold);margin:0}.about-heading h2 strong{color:var(--landing-color-primary);font-weight:var(--landing-font-weight-semibold)}.about-container{width:100%;max-width:var(--landing-content-width);z-index:var(--landing-z-content);box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin:0 auto;padding:0 70px;display:grid;position:relative}.about-content{max-width:520px}.about-content h3{color:var(--landing-color-white);font-size:var(--landing-font-size-4xl);line-height:var(--landing-line-height-normal);font-weight:var(--landing-font-weight-semibold);margin:0 0 22px}.about-content h3 span{color:var(--landing-color-primary)}.about-content p{color:var(--landing-color-text-secondary);font-size:var(--landing-font-size-lg);line-height:var(--landing-line-height-loose);margin:0 0 16px}.about-features{flex-direction:column;gap:20px;display:flex}.about-feature{background:var(--landing-overlay-white-sm);border:1px solid var(--landing-overlay-white-border);border-radius:var(--landing-radius-lg);transition:background var(--landing-transition-normal), transform var(--landing-transition-normal), border-color var(--landing-transition-normal);align-items:flex-start;gap:22px;padding:23px 25px;display:flex}.about-feature:hover{background:var(--landing-overlay-white-md);border-color:var(--landing-overlay-primary-md);transform:translate(5px)}.feature-number{min-width:45px;color:var(--landing-color-primary);font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-bold);padding-top:2px}.about-feature h3{color:var(--landing-color-white);font-size:17px;font-weight:var(--landing-font-weight-semibold);margin:0 0 7px}.about-feature p{color:var(--landing-color-text-muted);font-size:var(--landing-font-size-sm);line-height:var(--landing-line-height-relaxed);margin:0}.games-section{background:var(--landing-color-background);width:100%;min-height:100vh;padding:var(--landing-spacing-section-2xl) 0 var(--landing-spacing-section-lg);box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.games-section:before{content:"";border-radius:var(--landing-radius-round);background:var(--landing-overlay-primary-light);width:500px;height:500px;position:absolute;top:50%;right:-250px;transform:translateY(-50%)}.games-heading{text-align:center;width:100%;z-index:var(--landing-z-content);margin-bottom:55px;position:relative}.games-heading span{color:var(--landing-color-primary);font-size:16px;font-weight:var(--landing-font-weight-bold);letter-spacing:var(--landing-letter-spacing-wider);margin-bottom:10px;display:block}.games-heading h2{color:var(--landing-color-white);font-size:var(--landing-font-size-5xl);line-height:var(--landing-line-height-tight);font-weight:var(--landing-font-weight-semibold);margin:0}.games-heading h2 strong{color:var(--landing-color-primary);font-weight:var(--landing-font-weight-semibold)}.games-container{width:100%;max-width:var(--landing-content-width);z-index:var(--landing-z-content);box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:0 auto;padding:0 70px;display:grid;position:relative}.games-content{max-width:500px}.games-description{color:var(--landing-color-text-secondary);font-size:var(--landing-font-size-lg);line-height:var(--landing-line-height-loose);margin:0 0 30px}.rate-list{flex-direction:column;gap:15px;max-width:430px;display:flex}.rate-card{background:var(--landing-overlay-white-sm);border:1px solid var(--landing-overlay-white-border-light);border-radius:var(--landing-radius-lg);transition:background var(--landing-transition-normal), border-color var(--landing-transition-normal), transform var(--landing-transition-normal);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rate-card:hover{background:var(--landing-overlay-white-lg);border-color:var(--landing-overlay-primary-lg);transform:translate(5px)}.rate-name{flex-direction:column;gap:6px;display:flex}.rate-name span{color:var(--landing-color-white);font-size:17px;font-weight:var(--landing-font-weight-semibold);letter-spacing:var(--landing-letter-spacing-lg)}.rate-name small{color:#b5b5b5;font-size:var(--landing-font-size-md);font-weight:var(--landing-font-weight-medium);letter-spacing:var(--landing-letter-spacing-sm)}.rate-value{color:var(--landing-color-primary);font-size:24px;font-weight:var(--landing-font-weight-bold)}.games-image{justify-content:center;align-items:center;width:100%;min-height:430px;display:flex}.games-image img{object-fit:contain;filter:drop-shadow(0 20px 35px #00000040);width:100%;max-width:500px;height:auto;display:block}.how-to-play-section{background:var(--landing-color-background-dark);width:100%;min-height:100vh;padding:var(--landing-spacing-section-2xl) 0 var(--landing-spacing-section-xl);box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.how-to-play-section:before{content:"";border-radius:var(--landing-radius-round);background:var(--landing-overlay-primary-light);width:450px;height:450px;position:absolute;bottom:-180px;left:-250px}.how-to-play-heading{text-align:center;width:100%;z-index:var(--landing-z-content);box-sizing:border-box;margin-bottom:55px;padding:0 25px;position:relative}.how-to-play-heading span{color:var(--landing-color-primary);font-size:16px;font-weight:var(--landing-font-weight-bold);letter-spacing:var(--landing-letter-spacing-wider);margin-bottom:10px;display:block}.how-to-play-heading h2{color:var(--landing-color-white);font-size:var(--landing-font-size-5xl);line-height:var(--landing-line-height-tight);font-weight:var(--landing-font-weight-semibold);margin:0 0 15px}.how-to-play-heading h2 strong{color:var(--landing-color-primary);font-weight:var(--landing-font-weight-semibold)}.how-to-play-heading p{max-width:550px;color:var(--landing-color-text-secondary);font-size:var(--landing-font-size-lg);line-height:var(--landing-line-height-loose);margin:0 auto}.how-to-play-container{width:100%;max-width:var(--landing-how-to-play-width);z-index:var(--landing-z-content);box-sizing:border-box;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto;padding:0 40px;display:grid;position:relative}.play-step{background:var(--landing-overlay-white-sm);border:1px solid var(--landing-overlay-white-border);border-radius:var(--landing-radius-lg);transition:background var(--landing-transition-normal), border-color var(--landing-transition-normal), transform var(--landing-transition-normal);align-items:flex-start;gap:20px;padding:25px;display:flex}.play-step:hover{background:var(--landing-overlay-white-md);border-color:var(--landing-overlay-primary-lg);transform:translateY(-4px)}.step-number{min-width:45px;color:var(--landing-color-primary);font-size:15px;font-weight:var(--landing-font-weight-bold);padding-top:2px}.step-content h3{color:var(--landing-color-white);font-size:17px;font-weight:var(--landing-font-weight-semibold);margin:0 0 8px}.step-content p{color:var(--landing-color-text-muted);font-size:var(--landing-font-size-sm);line-height:var(--landing-line-height-relaxed);margin:0}.footer{background:var(--landing-color-background-black);width:100%;color:var(--landing-color-white);text-align:center;border-top:1px solid var(--landing-overlay-white-border-light);box-sizing:border-box;padding:20px}.footer p{font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-regular);letter-spacing:var(--landing-letter-spacing-sm);color:var(--landing-color-text-secondary);margin:0}@media screen{.header-container{box-sizing:border-box;width:100%;max-width:none;padding:0 20px}.landing-header-logo{width:100px;max-height:60px}.header-container>.nav-menu,.header-container>.desktop-auth{display:none!important}.hamburger{margin-left:auto;visibility:visible!important;opacity:1!important;display:flex!important}.mobile-menu{box-sizing:border-box;background:var(--landing-color-background);border:1px solid var(--landing-overlay-white-border-dark);border-radius:var(--landing-radius-lg);width:260px;box-shadow:var(--landing-shadow-menu);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--landing-transition-normal), visibility var(--landing-transition-normal), transform var(--landing-transition-normal);z-index:var(--landing-z-mobile-menu);flex-direction:column;gap:8px;padding:10px;position:fixed;top:82px;right:20px;transform:translateY(-12px);display:flex!important}.mobile-menu.mobile-menu-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.mobile-nav{box-sizing:border-box;flex-direction:column;gap:3px;width:100%;margin:0;padding:0;display:flex!important}.mobile-nav button{border-radius:var(--landing-radius-sm);width:100%;min-height:44px;color:var(--landing-color-text-light);text-align:left;font-family:var(--landing-font-family);font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-medium);letter-spacing:var(--landing-letter-spacing-md);cursor:pointer;box-sizing:border-box;transition:background var(--landing-transition-fast), color var(--landing-transition-fast);background:0 0;border:none;outline:none;padding:12px 15px;display:block}.mobile-nav button:hover{background:var(--landing-overlay-white-md);color:var(--landing-color-primary)}.mobile-nav button.active{background:var(--landing-overlay-primary-sm);color:var(--landing-color-primary);font-weight:var(--landing-font-weight-semibold)}.mobile-auth{border-top:1px solid var(--landing-overlay-white-border-light);box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin:5px 0 0;padding-top:10px;display:flex!important}.mobile-auth button{border-radius:var(--landing-radius-sm);width:100%;min-height:42px;font-size:var(--landing-font-size-lg);font-weight:var(--landing-font-weight-semibold);cursor:pointer;box-sizing:border-box;padding:10px 15px;display:block}.mobile-auth .login-btn{border:1px solid var(--landing-color-border-dark);color:var(--landing-color-white);background:0 0}.mobile-auth .login-btn:hover{background:var(--landing-overlay-white-sm);border-color:var(--landing-color-primary);color:var(--landing-color-primary)}.mobile-auth .signup-btn{background:var(--landing-color-primary);border:1px solid var(--landing-color-primary);color:var(--landing-color-white)}.mobile-auth .signup-btn:hover{background:var(--landing-color-primary-dark);border-color:var(--landing-color-primary-dark)}.home-container{text-align:center;box-sizing:border-box;flex-direction:column;gap:25px;min-height:auto;padding:100px 25px 60px}.home-content{max-width:600px}.about-section{min-height:auto;padding:80px 0}.about-heading{margin-bottom:45px;padding:0 25px}.about-container{grid-template-columns:1fr;gap:50px;padding:0 30px}.about-content{max-width:650px}.games-section{min-height:auto;padding:90px 0 70px}.games-heading{margin-bottom:45px;padding:0 25px}.games-container{grid-template-columns:1fr;gap:50px;padding:0 30px}.games-content{max-width:650px}.games-image{order:2;min-height:auto}.how-to-play-section{min-height:auto;padding:90px 0 70px}.how-to-play-container{grid-template-columns:1fr;max-width:700px;padding:0 30px}.header{height:var(--landing-header-height-small)}.header-container{padding:0 15px}.logo-wrapper{width:100px}.landing-header-logo{width:90px}.hamburger{width:40px;height:40px}.mobile-menu{width:calc(100% - 30px);max-width:300px;top:78px;right:15px}.home-container{padding:90px 20px 45px}.home-logo{width:180px;height:180px}.home-logo img{width:155px}.home-content h1{font-size:var(--landing-font-size-2xl)}.home-content p{font-size:var(--landing-font-size-sm)}.about-section{padding:70px 0}.about-heading{margin-bottom:40px}.about-heading span{font-size:var(--landing-font-size-xs);letter-spacing:var(--landing-letter-spacing-wide)}.about-heading h2{font-size:28px}.about-container{gap:35px;padding:0 20px}.about-content h3{font-size:27px}.about-content p{font-size:var(--landing-font-size-md)}.about-feature{gap:15px;padding:20px}.about-feature h3{font-size:15px}.about-feature p{font-size:var(--landing-font-size-sm)}.feature-number{min-width:35px}.games-section{padding:75px 0 60px}.games-heading{margin-bottom:40px}.games-heading span{font-size:var(--landing-font-size-xs);letter-spacing:var(--landing-letter-spacing-wide)}.games-heading h2{font-size:28px}.games-container{gap:35px;padding:0 20px}.games-description{font-size:var(--landing-font-size-md)}.rate-card{padding:19px 18px}.rate-name span{font-size:15px}.rate-name small{font-size:var(--landing-font-size-sm)}.rate-value{font-size:21px}.games-image img{max-width:300px}.how-to-play-section{padding:75px 0 60px}.how-to-play-heading{margin-bottom:40px}.how-to-play-heading span{font-size:var(--landing-font-size-xs);letter-spacing:var(--landing-letter-spacing-wide)}.how-to-play-heading h2{font-size:28px}.how-to-play-heading p{font-size:var(--landing-font-size-md)}.how-to-play-container{gap:15px;padding:0 20px}.play-step{gap:15px;padding:20px}.step-number{min-width:35px}.step-content h3{font-size:15px}.step-content p{font-size:var(--landing-font-size-sm)}.footer{padding:16px 15px}.footer p{font-size:var(--landing-font-size-md)}}.app-header{width:100%;height:var(--app-header-height,calc(60px + env(safe-area-inset-top,0px)));padding:env(safe-area-inset-top,0px) 12px 0;background:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible}.header-left{align-items:center;gap:6px;display:flex}.header-logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.header-logo img{object-fit:contain;width:36px;height:36px;display:block}.header-brand-name{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.3px}.header-actions{align-items:center;gap:5px;display:flex}.header-action{border-radius:var(--radius-lg);width:40px;min-width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-action:hover{color:var(--color-primary);background:#09060614;border-color:#0000}.header-action-icon{font-size:20px;line-height:1}.telegram-action{width:40px;min-width:40px;padding:0}.telegram-content{justify-content:center;align-items:center;gap:8px;line-height:1;display:flex}.telegram-content span{display:none}.telegram-content img{object-fit:contain;flex-shrink:0;width:22px;height:22px;display:block}.header-wallet{background:#2b2b2b;border:1px solid #e09b1a66;border-radius:999px;justify-content:center;gap:6px;width:auto;min-width:0;height:36px;padding:0 10px 0 6px}.header-wallet:hover{background:#333}.header-gold-coin img{object-fit:contain;width:22px;height:22px;display:block}.wallet-info{align-items:center;display:flex}.wallet-label{display:none}.wallet-balance{color:#ffd36a;white-space:nowrap;margin:0;font-size:14px;font-weight:700;line-height:1}.notification-button{position:relative}.notification-badge{color:#fff;text-align:center;background:#e53935;border:1px solid #1a1a1a;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:800;line-height:16px;position:absolute;top:3px;right:3px}.notification-wrap{position:relative}.notification-menu{top:var(--app-header-height,calc(60px + env(safe-area-inset-top,0px)));left:0;right:0;bottom:var(--app-footer-height,56px);z-index:900;width:100%;max-width:none;height:auto;min-height:0;box-shadow:none;background:#242424;border:none;border-top:1px solid #3a3a3a;border-radius:0;flex-direction:column;display:flex;position:fixed;overflow:hidden}.notification-menu-title{color:#f3f3f3;border-bottom:1px solid #3a3a3a;flex-shrink:0;margin:0;padding:14px 16px;font-size:15px;font-weight:700}.notification-menu-list{-webkit-overflow-scrolling:touch;flex:1;max-height:none;overflow:hidden auto}.notification-item{border-bottom:1px solid #3a3a3a;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item-title{color:#f3f3f3;font-size:16px;font-weight:600}.notification-item-text{color:#c8c8c8;font-size:15px;line-height:1.4}.notification-item-time{color:#e09b1a;font-size:13px;font-weight:600}.notification-empty{text-align:center;color:#9a9a9a;margin:40px 16px;font-size:14px}.menu-button{width:32px;min-width:32px;height:36px;box-shadow:none;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.menu-button:hover,.menu-button.active{background:0 0;border:none}.menu-button span{width:20px;height:2.5px;transition:var(--transition-fast);background:#e09b1a;border-radius:2px;display:block}.menu-button:hover span,.menu-button.active span{background:#e09b1a}.menu-overlay{z-index:1090;background:#00000059;position:fixed;inset:0}.side-menu{top:0;left:0;bottom:var(--app-footer-height,56px);background:var(--color-text-primary);border-right:1px solid var(--color-border-light);z-index:1100;flex-direction:column;width:min(82%,300px);max-width:100%;height:auto;max-height:none;transition:transform .25s;display:flex;position:fixed;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 20px #0000002e}.side-menu.open{transform:translate(0)}.side-menu-profile{flex-shrink:0;align-items:center;gap:14px;min-height:105px;padding:24px;display:flex}.guest-avatar{border-radius:var(--radius-round);background:var(--color-primary);width:52px;height:52px;color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);border:1px solid #f5a62366;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guest-info{flex-direction:column;gap:3px;display:flex}.guest-label{color:#ffffff9e;font-size:var(--font-size-xs);letter-spacing:.2px}.guest-name{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;word-break:break-word}.side-menu-divider{background:#ffffff1f;height:1px;margin:0 20px}.side-menu-nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:14px 12px 12px;overflow:hidden auto}.side-menu-item{border-radius:var(--radius-md);color:#ffffffe6;width:100%;min-height:46px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:13px;margin-bottom:3px;padding:0 14px;display:flex}.side-menu-item:hover{background:var(--color-primary);color:var(--color-black)}.side-menu-item.active{background:var(--color-primary);color:var(--color-black);font-weight:var(--font-weight-semibold)}.side-menu-icon{color:currentColor;justify-content:center;align-items:center;width:24px;min-width:24px;font-size:17px;line-height:1;display:flex}.side-menu-label{color:inherit;flex:1}.logout-divider{background:#ffffff1f;height:1px;margin:0 8px 8px}.side-menu-logout{background:var(--color-text-primary);flex-shrink:0;padding:4px 12px 12px}.logout-item{color:#ff6b6b}.logout-item:hover{color:var(--color-error);background:var(--color-error-bg)}.side-menu::-webkit-scrollbar{width:5px}.side-menu::-webkit-scrollbar-track{background:0 0}.side-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}@media (width>=801px){.app-header{width:100%;margin-left:0}.menu-button{display:flex}.side-menu{left:0;transform:translate(-100%)}.side-menu.open{transform:translate(0)}.menu-overlay{display:block}}@media (width<=800px){.app-header{width:100%;height:var(--app-header-height,calc(60px + env(safe-area-inset-top,0px)));padding:env(safe-area-inset-top,0px) 12px 0;margin-left:0}.menu-button{background:0 0;border:none;width:32px;min-width:32px;height:36px;display:flex}.side-menu{width:min(82%,300px);max-width:100%;left:0;right:auto;transform:translate(-100%)}.side-menu.open{transform:translate(0)}.header-actions{gap:5px}.header-action{width:40px;height:40px}.header-wallet{justify-content:center;width:auto;min-width:0;height:34px;padding:0 8px 0 5px}.wallet-info{display:flex}.wallet-balance{font-size:13px}.telegram-action{width:40px;min-width:40px;padding:0}.telegram-content span{display:none}}@media (width<=480px){.app-header{height:var(--app-header-height,calc(56px + env(safe-area-inset-top,0px)));padding:env(safe-area-inset-top,0px) 10px 0}.header-brand-name{display:inline}.side-menu{width:min(86%,300px)}.side-menu-profile{flex-shrink:0;padding:20px}}.side-menu-nav::-webkit-scrollbar{width:3px}.side-menu-nav::-webkit-scrollbar-track{background:0 0}.side-menu-nav::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:10px}.side-menu-nav::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.side-menu-nav{scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}.confirm-overlay{z-index:1300;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-card{background:var(--app-surface,#242424);border:1px solid var(--app-border,#ffffff1a);text-align:center;border-radius:14px;width:100%;max-width:300px;padding:22px 18px 16px}.confirm-title{color:var(--app-text,#f3f3f3);margin:0 0 8px;font-size:18px;font-weight:700}.confirm-text{color:var(--app-text-muted,#a0a0a0);margin:0;font-size:14px;line-height:1.45}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.confirm-btn{cursor:pointer;border-radius:10px;height:42px;font-size:14px;font-weight:600}.confirm-btn-cancel{border:1px solid var(--app-border,#ffffff1a);color:var(--app-text,#f3f3f3);background:0 0}.confirm-btn-logout{color:#fff;background:#e05a5a;border:none}.notification-menu-header{border-bottom:1px solid #3a3a3a;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.notification-menu-close{border-radius:var(--radius-sm);color:#f3f3f3;cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.notification-menu-close:hover{background:#ffffff1a}.notification-menu-title{color:#f3f3f3;border-bottom:none;margin:0;padding:0;font-size:15px;font-weight:700}.notification-menu-header{justify-content:space-between;align-items:center;display:flex}.notification-menu-close-icon{width:18px;height:18px}.notification-menu-close-icon img{width:100%;height:100%}.header-refresh{color:gold;cursor:pointer;width:30px;height:30px;transition:var(--transition-fast);background:0 0;border:1px solid gold;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.header-refresh:hover{color:#242424;background:gold;border:1px solid #242424}.header-refresh{color:gold;justify-content:center;align-items:center;font-size:22px;display:flex}.header-refresh:disabled{cursor:not-allowed;opacity:.8}.header-refresh-spinner{border:2px solid #ffd7004d;border-top-color:gold;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite header-refresh-spin}@keyframes header-refresh-spin{to{transform:rotate(360deg)}}
