@import"https://fonts.googleapis.com/css2?family=Paytone+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";*{margin:0;padding:0;font-family:Paytone One,sans-serif;user-select:none;-moz-user-drag:none;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box}html{width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;overscroll-behavior:contain}#root{position:fixed;top:0;left:0;right:0;bottom:0;background:#8c0042;background:linear-gradient(0deg,#8c0042,#8c0042 1%,#cf0032);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:15px;overflow:hidden;padding:20px;box-sizing:border-box}.user-info-card{position:absolute;top:20px;right:20px;background:#00000059;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d;min-width:200px;font-family:Pixelify Sans,cursive}.user-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.stat-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.stat-item:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-5px)}.stat-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-content{flex:1;display:flex;flex-direction:column;gap:2px}.stat-label{font-family:Pixelify Sans,cursive;font-size:12px;color:#ffffffb3;letter-spacing:2px}.stat-value{font-family:Nunito,sans-serif;font-size:18px;color:#fff;font-weight:800}.logout-btn{font-family:Pixelify Sans,cursive;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .3s;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}.logout-btn span{font-size:16px}.logout-btn:hover{background:#ff3b3026;border-color:#ff3b304d;transform:translateY(-1px)}.logout-btn:active{transform:scale(.95);background:#ff3b3040}.user-actions{display:flex;flex-direction:column;gap:8px}.topup-btn{font-family:Pixelify Sans,cursive;background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:12px 20px;font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .3s;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.topup-btn span{font-size:16px}.topup-btn:hover{background:#ffd70040;border-color:#ffd70099;transform:translateY(-1px)}.topup-btn:active{transform:scale(.95);background:#ffd70059}.topup-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.topup-btn:disabled:hover{background:#ffd70026;border-color:#ffd70066;transform:none}.session-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#3c0014e6,#1e000af2);display:flex;align-items:center;justify-content:center;z-index:1000;animation:historyFadeIn .3s ease-out}.session-modal-overlay.closing{animation:historyFadeOut .25s ease-out forwards}.session-modal{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#50141ef2,#320a14fa);border:4px solid #d4a016;border-radius:20px;padding:25px 30px;width:min(90vw,360px);display:flex;flex-direction:column;box-shadow:0 0 0 2px #00000080,0 0 60px #ffb4004d;animation:historyScaleIn .4s ease-out}.session-modal.closing{animation:historyScaleOut .25s ease-out forwards}.session-modal h2{color:gold;margin:0 0 5px;font-size:20px;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8);letter-spacing:2px}.session-modal-desc{color:#fff9;font-size:12px;text-align:center;margin:0 0 15px;letter-spacing:1px}.session-modal-error{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);border-radius:8px;color:#ff6b6b;font-size:12px;padding:10px;margin-bottom:15px;text-align:center}.session-code-input{font-family:Pixelify Sans,cursive;background:#0006;border:2px solid rgba(255,215,0,.3);border-radius:10px;color:#fff;font-size:16px;padding:12px 15px;text-align:center;letter-spacing:2px;outline:none;transition:all .3s;margin-bottom:20px}.session-code-input:focus{border-color:#ffd70099;box-shadow:0 0 15px #ffd70033}.session-code-input::placeholder{color:#ffffff4d}.session-code-input:disabled{opacity:.6}.session-modal-actions{display:flex;flex-direction:column;gap:10px}.session-confirm-btn{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#ffb800,#e59400,#cc7a00);color:#1a0a00;border:none;border-radius:8px;padding:12px 30px;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s;box-shadow:0 4px #8b5a00;text-transform:uppercase}.session-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #8b5a00}.session-confirm-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #8b5a00}.session-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.session-cancel-btn{font-family:Pixelify Sans,cursive;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 20px;font-size:12px;letter-spacing:2px;cursor:pointer;transition:all .2s}.session-cancel-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.session-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.auth-buttons{display:flex;gap:10px}.secondary-button{font-family:Pixelify Sans,cursive;background:linear-gradient(135deg,#ffd70026,#ff8c0026);color:gold;border:2px solid #ffd700;border-radius:12px;padding:12px 30px;font-size:16px;letter-spacing:3px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0000004d,0 0 15px #ffd70033;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.secondary-button:hover{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px #0006,0 0 30px #ffd70080,inset 0 0 25px #ffffff26}.secondary-button:active{transform:scale(.95);background:linear-gradient(135deg,#ffd70066,#ff8c0066)}@media (max-width: 768px){.user-info-card{top:15px;right:15px;left:15px;min-width:auto;padding:15px}.user-stats{flex-direction:row;gap:8px;margin-bottom:12px}.stat-item{flex:1;padding:8px;flex-direction:column;align-items:center;gap:3px}.stat-item:hover{transform:translate(0)}.stat-icon{font-size:20px}.stat-content{align-items:center}.stat-label{font-size:10px}.stat-value{font-size:14px}.user-actions{flex-direction:row;gap:6px}.topup-btn,.logout-btn{padding:8px 12px;font-size:10px;flex:1}.topup-btn span,.logout-btn span{font-size:12px}.home-page-logo{height:35vh}.auth-buttons{flex-direction:column;gap:8px;width:80vw;max-width:300px}.secondary-button{padding:10px 15px;font-size:14px;letter-spacing:2px;width:100%}}.home-page-logo{height:45vh;width:min(500px,90vw);background-image:url(/assets/logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;animation:wiggle 4s infinite;flex-shrink:0}@keyframes wiggle{0%{transform:scale(1) rotate(0)}25%{transform:scale(1) rotate(0)}50%{transform:scale(1) rotate(0)}60%{transform:scale(1) rotate(0)}70%{transform:scale(.95,1.05) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.copyright{color:#fff;position:fixed;bottom:0;margin:1vh 0;font-size:min(5vw,20px);display:flex;flex-direction:column;align-items:center}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.history-btn{font-family:Pixelify Sans,cursive;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .3s;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.history-btn span{font-size:16px}.history-btn:hover{background:#ffffff26;border-color:#fff6;color:#fff;transform:translateY(-1px)}.history-btn:active{transform:scale(.95);background:#fff3}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#3c0014e6,#1e000af2);display:flex;align-items:center;justify-content:center;z-index:1000;animation:historyFadeIn .3s ease-out}@keyframes historyFadeIn{0%{opacity:0}to{opacity:1}}.history-modal-overlay.closing{animation:historyFadeOut .25s ease-out forwards}@keyframes historyFadeOut{0%{opacity:1}to{opacity:0}}.history-modal{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#50141ef2,#320a14fa);border:4px solid #d4a016;border-radius:20px;padding:25px 30px;width:min(90vw,400px);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 0 2px #00000080,0 0 60px #ffb4004d;animation:historyScaleIn .4s ease-out}@keyframes historyScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.history-modal.closing{animation:historyScaleOut .25s ease-out forwards}@keyframes historyScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.history-modal h2{color:gold;margin:0 0 5px;font-size:22px;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8);letter-spacing:2px}.history-total{color:#fff9;font-size:12px;text-align:center;margin:0 0 15px;letter-spacing:1px}.history-list{flex:1;overflow-y:auto;min-height:200px;max-height:400px;margin-bottom:15px}.history-empty{color:#ffffff80;text-align:center;padding:40px 20px;font-size:14px}.history-loading{color:#ffffffb3;text-align:center;padding:20px;font-size:14px}.history-item{background:#0000004d;border-radius:10px;padding:12px 15px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.history-item.private{background:#80008033;border:1px solid rgba(186,85,211,.3)}.history-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.history-date{color:#ffffff80;font-size:11px;font-family:Inter,sans-serif}.history-private-tag{font-family:Pixelify Sans,cursive;font-size:10px;color:#ba55d3;background:#ba55d333;padding:2px 8px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.history-cards{display:flex;gap:8px;justify-content:center}.history-card-value{background:#ffffff1a;border-radius:6px;padding:6px 10px;font-size:14px;color:#fff;min-width:36px;text-align:center;font-family:Nunito,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.history-card-value.zero{background:#ffc86433}.history-card-value.big{background:#ffd7004d;color:gold;border:1px solid rgba(255,215,0,.5)}.history-reward{color:#4ade80;font-size:14px;text-align:center;font-family:Nunito,sans-serif;font-weight:700}.history-reward .coin-icon{font-size:12px}.history-close-btn{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#ffb800,#e59400,#cc7a00);color:#1a0a00;border:none;border-radius:8px;padding:12px 30px;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s;box-shadow:0 4px #8b5a00;text-transform:uppercase}.history-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #8b5a00}.history-close-btn:active{transform:translateY(2px);box-shadow:0 2px #8b5a00}@media (max-width: 768px){.history-btn{padding:8px 12px;font-size:10px}.history-btn span{font-size:12px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;background:#1f1f1f66}.modal-box{background:#fff;width:min(90vw,500px);height:fit-content;padding:4vh min(8vw,30px);border-radius:40px;z-index:3;text-align:center;box-shadow:0 0 20px #fff}.modal-title{font-size:min(5vh,32px);margin:0 0 min(3vh,10px) 0}.modal-text{font-family:Inter,sans-serif;margin:2vh 0;text-align:left;font-size:min(4vw,20px)}.modal-button{letter-spacing:.05em;text-align:left;font-size:min(4vw,20px);background:#000;color:#fff;text-align:center;width:60%;margin:auto;padding:min(4vw,20px);border-radius:10px}.modal-button:active{background:#d2b14c}.button-main{font-family:Pixelify Sans,cursive;width:min(350px,80vw);background:linear-gradient(180deg,#f4d160,#e8c04e);border:0;border-radius:.75em;box-shadow:0 .25em .5em #00000040,0 .05em .15em #00000026,inset 0 .1em .2em #ffffff4d;cursor:pointer;margin:0 auto;padding:.6em 1.2em;font-size:min(5.5vw,28px);font-weight:700;color:#fff;text-align:center;text-shadow:0 .1em .2em rgba(0,0,0,.5),0 0 .4em rgba(255,215,0,.2);letter-spacing:.15em;line-height:1.3;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button-main span{display:block;transition-duration:.1s;transition-timing-function:linear}.button-main:focus,.button-main span:focus{outline:none}.button-main span{transition-property:transform;will-change:transform}.button-main:active{transform:scale(.95);box-shadow:0 .1em .2em #0000004d,inset 0 .05em .15em #0003}@media (hover: hover){.button-main:hover{transform:translateY(-.15em);box-shadow:0 .4em .8em #0000004d,0 .1em .3em #0003,0 0 .6em #ffd70066,inset 0 .1em .2em #fff6}.button-main:active{transform:scale(.95)}}.button-main:focus{outline:none;box-shadow:0 .25em .5em #00000040,0 .05em .15em #00000026,0 0 .8em #ffd70099,inset 0 .1em .2em #ffffff4d}.play-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;overflow:hidden;touch-action:none;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.logo-small{position:fixed;top:-1.25px;left:-2.5px;width:125px}.disabled-button{pointer-events:none;opacity:.5}.play-page .button-main{margin-top:15px}.stats{position:fixed;bottom:0;left:0;right:0;color:#fff;background:#0006;text-align:center;font-size:2.5vh;height:4vh;line-height:4vh;display:flex;justify-content:space-evenly;box-sizing:border-box}html.ios-safari .stats{padding-bottom:24px;height:calc(4vh + 24px)}.stats>div{min-width:120px}.exchange-btn{padding:3px 14px;font-size:1.8vh;font-weight:400;color:#f0d060;background:#f0b43c1f;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}.exchange-btn:hover:not(:disabled){color:gold;background:#ffc80033}.exchange-btn:active:not(:disabled){transform:scale(.92);background:#ffc80040}.exchange-btn:disabled{opacity:.35;cursor:not-allowed;color:#888;background:#ffffff14}.exchange-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#3c0014e6,#1e000af2);display:flex;align-items:center;justify-content:center;z-index:1000;animation:exchangeFadeIn .3s ease-out}@keyframes exchangeFadeIn{0%{opacity:0}to{opacity:1}}.exchange-modal-overlay.closing{animation:exchangeFadeOut .25s ease-out forwards}@keyframes exchangeFadeOut{0%{opacity:1}to{opacity:0}}.exchange-modal{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#50141ef2,#320a14fa);border:4px solid #d4a016;border-radius:20px;padding:30px 40px;min-width:300px;text-align:center;box-shadow:0 0 0 2px #00000080,0 0 60px #ffb4004d,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;animation:exchangeScaleIn .4s ease-out}@keyframes exchangeScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.exchange-modal.closing{animation:exchangeScaleOut .25s ease-out forwards}@keyframes exchangeScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.exchange-modal h2{color:gold;margin:0 0 8px;font-size:24px;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(255,200,0,.5);letter-spacing:2px}.exchange-rate-info{color:#ffffffb3;font-size:14px;margin:0 0 20px;letter-spacing:1px}.exchange-balance{color:#fff;font-size:16px;margin-bottom:20px;padding:12px;background:#0000004d;border-radius:10px}.exchange-error{color:#ff6b6b;font-size:13px;margin-bottom:15px;padding:10px;background:#ff323233;border-radius:10px}.exchange-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:15px}.exchange-amount-btn{width:44px;height:44px;font-size:26px;font-weight:300;color:gold;background:#ffc80026;border:2px solid rgba(255,200,0,.4);border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0 0 3px;margin:0;display:grid;place-items:center;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.exchange-amount-btn:hover:not(:disabled){background:#ffc8004d;border-color:gold;transform:scale(1.1)}.exchange-amount-btn:active:not(:disabled){transform:scale(.95)}.exchange-amount-btn:disabled{opacity:.3;cursor:not-allowed}.exchange-amount{font-family:Nunito,sans-serif;font-size:40px;font-weight:800;color:#fff;min-width:60px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.exchange-summary{color:gold;font-size:14px;margin-bottom:25px;padding:10px;background:#ffc8001a;border-radius:10px;letter-spacing:1px}.exchange-actions{display:flex;flex-direction:column;gap:12px}.exchange-confirm-btn{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#ffb800,#e59400,#cc7a00);color:#1a0a00;border:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s;box-shadow:0 4px #8b5a00,0 6px 20px #0006;text-transform:uppercase}.exchange-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #8b5a00,0 10px 30px #00000080}.exchange-confirm-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #8b5a00,0 4px 10px #0000004d}.exchange-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.exchange-cancel-btn{font-family:Pixelify Sans,cursive;background:transparent;color:#ffffff80;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 40px;font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .2s;text-transform:uppercase}.exchange-cancel-btn:hover:not(:disabled){background:#ffffff0d;color:#fffc;border-color:#fff6}.exchange-cancel-btn:active:not(:disabled){transform:scale(.98)}.exchange-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.card{display:grid;grid-template-columns:1fr 1fr;touch-action:none;-webkit-user-select:none;user-select:none}.card *{touch-action:none}.scratcharea-container{margin:.4em;touch-action:none;-webkit-user-select:none;user-select:none}.scratcharea-container *{touch-action:none}.scratcharea{position:relative;display:flex;width:170px;height:170px;flex-direction:column;justify-content:center;align-items:center;border:6px solid #f6be66;background-color:#121212;border-radius:20px;padding:.5em;box-sizing:border-box;overflow:hidden;touch-action:none}.revealed-icon{height:90px;margin:7.5px}.revealed-amount{height:30px}.revealed-custom{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px}.no-cards-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalBackdropFadeIn .3s ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.no-cards-box{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);width:min(90vw,400px);padding:40px 30px;border-radius:30px;text-align:center;box-shadow:0 8px 32px #0000004d;animation:modalBoxSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalBoxSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.no-cards-title{font-size:min(5vh,32px);margin-bottom:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.no-cards-text{font-family:Inter,sans-serif;font-size:min(4vw,18px);margin-bottom:30px;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.3)}.no-cards-button{letter-spacing:.05em;font-size:min(4vw,20px);background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.4);width:60%;margin:auto;padding:min(4vw,16px);border-radius:15px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3)}.no-cards-button:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px)}.no-cards-button:active{background:#fff3;transform:translateY(0)}.big-win-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#3c0014f2,#1e000afa);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.big-win-box{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#50141ef2,#320a14fa);border:4px solid #d4a016;border-radius:20px;padding:35px 50px;text-align:center;box-shadow:0 0 0 2px #00000080,0 0 60px #ffb4004d,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;animation:scaleIn .4s ease-out;max-width:90%;min-width:320px}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.big-win-title{font-size:clamp(24px,6vw,36px);color:gold;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 30px rgba(255,200,0,.6);letter-spacing:2px;margin-bottom:8px;animation:pulse 1.5s ease-in-out infinite;white-space:nowrap}@keyframes pulse{0%,to{transform:scale(1);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 30px rgba(255,200,0,.6)}50%{transform:scale(1.03);text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 50px rgba(255,200,0,.8)}}.big-win-subtitle{font-size:16px;color:#ffffffb3;letter-spacing:4px;margin-bottom:15px;text-transform:uppercase}.big-win-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;min-height:140px}.big-win-coin{width:80px;height:80px;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.big-win-amount{font-family:Nunito,sans-serif;font-size:52px;font-weight:800;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.6);margin-top:10px}.big-win-custom-image{width:180px;height:180px;object-fit:contain;border-radius:16px;animation:bounce .6s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.big-win-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.big-win-redeem-btn{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#ffb800,#e59400,#cc7a00);color:#1a0a00;border:none;border-radius:8px;padding:16px 60px;font-size:18px;font-weight:700;letter-spacing:3px;cursor:pointer;transition:all .2s;box-shadow:0 4px #8b5a00,0 6px 20px #0006;text-transform:uppercase}.big-win-redeem-btn:hover{transform:translateY(-2px);box-shadow:0 6px #8b5a00,0 10px 30px #00000080}.big-win-redeem-btn:active{transform:translateY(2px);box-shadow:0 2px #8b5a00,0 4px 10px #0000004d}.big-win-close-btn{font-family:Pixelify Sans,cursive;background:transparent;color:#ffffff80;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 60px;font-size:14px;letter-spacing:3px;cursor:pointer;transition:all .2s;text-transform:uppercase}.big-win-close-btn:hover{background:#ffffff0d;color:#fffc;border-color:#fff6}.big-win-close-btn:active{transform:scale(.98)}@media (max-width: 480px){.big-win-box{padding:25px 20px;min-width:260px}.big-win-title{font-size:22px;letter-spacing:1px}.big-win-subtitle{font-size:14px;letter-spacing:3px}.big-win-coin{width:60px;height:60px}.big-win-amount{font-size:40px}.big-win-custom-image{width:140px;height:140px}.big-win-redeem-btn{padding:14px 40px;font-size:16px}.big-win-close-btn{padding:10px 40px;font-size:12px}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at center,#28000fd9,#140008f2);animation:bgFadeIn .3s ease-out forwards}@keyframes bgFadeIn{0%{background:transparent}to{background:radial-gradient(ellipse at center,#28000fd9,#140008f2)}}.fireworks-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,215,0,.3) 0%,transparent 70%);animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.firework-particle{position:absolute;border-radius:50%;animation:explode 1.2s ease-out forwards;box-shadow:0 0 6px currentColor}@keyframes explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--speed)),calc(sin(var(--angle)) * var(--speed) + 50px)) scale(0);opacity:0}}.fireworks-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Pixelify Sans,cursive;font-size:clamp(40px,12vw,64px);color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6),0 0 60px rgba(255,215,0,.4),4px 4px 0 rgba(0,0,0,.5);animation:textPop .5s ease-out forwards,textFade .5s ease-in 1.5s forwards;letter-spacing:clamp(4px,2vw,8px);white-space:nowrap}@keyframes textPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes textFade{0%{opacity:1}to{opacity:0}}.fireworks-container:before,.fireworks-container:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 40% 70%,#ffd700,transparent),radial-gradient(2px 2px at 60% 20%,#fff,transparent),radial-gradient(2px 2px at 80% 60%,#ffd700,transparent),radial-gradient(2px 2px at 10% 80%,#fff,transparent),radial-gradient(2px 2px at 90% 40%,#ffd700,transparent);animation:sparkle 1s ease-in-out infinite}.fireworks-container:after{background-image:radial-gradient(2px 2px at 25% 50%,#fff,transparent),radial-gradient(2px 2px at 55% 40%,#ffd700,transparent),radial-gradient(2px 2px at 75% 80%,#fff,transparent),radial-gradient(2px 2px at 15% 20%,#ffd700,transparent),radial-gradient(2px 2px at 85% 10%,#fff,transparent),radial-gradient(2px 2px at 45% 90%,#ffd700,transparent);animation-delay:.5s}@keyframes sparkle{0%,to{opacity:0}50%{opacity:1}}@media (max-width: 480px){.fireworks-text{font-size:36px;letter-spacing:3px}}.back-button{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;z-index:100;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.back-button:hover{background:#ffffff40;transform:scale(1.05)}.back-button:active{transform:scale(.95);background:#ffffff4d}.back-button svg{width:24px;height:24px}.auth-page{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.auth-logo{width:280px;max-width:80%;margin-bottom:40px;cursor:pointer;transition:all .3s;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:wiggle-logo 4s infinite}.auth-logo:hover{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 15px 30px rgba(255,215,0,.4))}@keyframes wiggle-logo{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.auth-container{background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:3px solid #ffd700;border-radius:25px;padding:40px 35px;max-width:450px;width:90%;box-sizing:border-box;box-shadow:0 8px 32px #0006,0 0 30px #ffd7004d,inset 0 0 30px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.auth-title{font-family:Pixelify Sans,cursive;font-size:48px;color:gold;text-align:center;margin:0 0 30px;text-shadow:3px 3px 0px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5);letter-spacing:6px;animation:glow-title 2s infinite alternate}@keyframes glow-title{0%{text-shadow:3px 3px 0px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5)}to{text-shadow:3px 3px 0px rgba(0,0,0,.3),0 0 30px rgba(255,215,0,.8)}}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .button-main{width:100%;max-width:100%}.auth-field{display:flex;flex-direction:column;gap:8px;position:relative}.auth-field label{font-family:Poppins,sans-serif;font-size:12px;color:gold;letter-spacing:1px;font-weight:600;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.3);padding-left:4px}.auth-field input{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;padding:12px 18px;border:2px solid rgba(255,215,0,.5);border-radius:15px;background:#fffffff2;color:#540a68;transition:all .3s;box-shadow:0 4px 10px #0003,inset 0 2px 4px #ffd7001a}.auth-field input:focus{outline:none;border-color:gold;background:#fff;box-shadow:0 0 20px #ffd70099,0 4px 15px #0000004d,inset 0 2px 4px #ffd70033;transform:translateY(-2px)}.auth-field input::placeholder{color:#540a6866;font-size:14px}.auth-field input:focus+.input-glow{opacity:1}.auth-error-container{min-height:0}.auth-error{background:linear-gradient(135deg,#ff3b30f2,#ff6464f2);color:#fff;padding:15px;border-radius:12px;text-align:center;font-family:Pixelify Sans,cursive;font-size:14px;letter-spacing:1px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #ff3b3066}.auth-link{text-align:center;margin-top:25px;font-family:Pixelify Sans,cursive;color:#ffffffd9;font-size:13px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-link a{font-family:Pixelify Sans,cursive;color:gold;text-decoration:none;font-weight:700;transition:all .2s;margin-left:8px;letter-spacing:3px;font-size:15px}.auth-link a:hover{color:#fff;text-shadow:0 0 8px rgba(255,215,0,.8)}@media (max-width: 480px){.auth-page{padding:20px 15px 30px;justify-content:flex-start}.auth-container{padding:20px 18px;width:92%}.auth-title{font-size:28px;letter-spacing:2px;margin-bottom:15px}.auth-logo{width:140px;margin-bottom:15px}.auth-field label{font-size:10px;letter-spacing:1px}.auth-field input{padding:10px 12px;font-size:14px}.auth-form{gap:12px}.auth-link{font-size:11px;margin-top:12px}.auth-form .button-main{padding:.6em 1.5em;font-size:18px}}.topup-page{min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.topup-logo{width:200px;max-width:60%;margin-bottom:30px;cursor:pointer;transition:all .3s;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.topup-logo:hover{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(255,215,0,.4))}.topup-container{font-family:Pixelify Sans,cursive;background:#00000059;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px 25px;max-width:400px;width:90%;box-sizing:border-box;box-shadow:0 8px 32px #0000004d}.topup-title{font-family:Pixelify Sans,cursive;font-size:42px;color:gold;text-align:center;margin:0 0 20px;text-shadow:3px 3px 0px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5);letter-spacing:6px}.topup-balance{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:25px;padding:15px;background:#0003;border-radius:15px;border:1px solid rgba(255,215,0,.3)}.balance-label{font-family:Pixelify Sans,cursive;font-size:12px;color:#ffffffb3;letter-spacing:2px}.balance-value{font-family:Nunito,sans-serif;font-size:32px;color:gold;font-weight:800}.topup-session-info{display:flex;justify-content:center;margin-bottom:15px}.session-name{font-family:Pixelify Sans,cursive;font-size:18px;color:#4caf50;background:#4caf5033;padding:8px 20px;border-radius:20px;border:1px solid rgba(76,175,80,.4);letter-spacing:1px}.topup-error{font-family:Pixelify Sans,cursive;background:#ff505033;border:1px solid rgba(255,80,80,.5);color:#ff6b6b;padding:12px 15px;border-radius:10px;margin-bottom:15px;text-align:center;font-size:14px;letter-spacing:1px}.topup-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.topup-option{font-family:Pixelify Sans,cursive;position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#ffffff1a;border:2px solid rgba(255,215,0,.4);border-radius:15px;cursor:pointer;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.topup-option:active{transform:scale(.96);background:#ffd7004d}@media (hover: hover){.topup-option:hover{background:#ffd70033;border-color:gold;transform:translate(5px)}.topup-option:active{transform:scale(.96);background:#ffd7004d}}.topup-option.popular{background:linear-gradient(135deg,#ffd70040,#ff8c0040);border-color:gold;box-shadow:0 0 20px #ffd7004d}.topup-option:disabled{opacity:.6;cursor:not-allowed;transform:none}.topup-option:disabled:hover{transform:none;background:#ffffff1a}.option-loading{position:absolute;right:20px;color:gold;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.popular-badge{font-family:Pixelify Sans,cursive;position:absolute;top:-10px;right:15px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:10px;padding:4px 10px;border-radius:10px;letter-spacing:2px;font-weight:700;box-shadow:0 2px 8px #ff6b6b80}.option-amount{font-family:Nunito,sans-serif;font-size:16px;color:#fff;font-weight:800}.option-price{font-family:Nunito,sans-serif;font-size:20px;color:gold;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.back-btn{font-family:Pixelify Sans,cursive;width:100%;background:#ffffff1a;color:#fffc;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:14px 20px;font-size:14px;letter-spacing:3px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;font-weight:700;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}@media (hover: hover){.back-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff}}.back-btn:active{transform:scale(.95);background:#ffffff40}.back-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.topup-page{padding:20px 15px 15px}.topup-logo{width:150px;margin-bottom:20px}.topup-container{padding:25px 20px;width:95%}.topup-title{font-size:32px;letter-spacing:4px;margin-bottom:15px}.balance-value{font-size:28px}.topup-option{padding:15px 18px}.option-amount{font-size:16px}.option-price{font-size:18px}}.session-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;overflow:hidden;touch-action:none;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.session-header{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:100;text-align:center}.session-header h2{font-family:Pixelify Sans,cursive;color:gold;font-size:1.4rem;margin:0;padding:8px 20px;background:#00000080;border-radius:20px;border:2px solid rgba(255,215,0,.3);text-shadow:2px 2px 0 rgba(0,0,0,.8);white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}.session-error{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;text-align:center;padding:30px}.session-error p{font-family:Pixelify Sans,cursive;font-size:1.2rem;color:#ff6b6b;background:#ff323233;padding:15px 25px;border-radius:10px;border:2px solid rgba(255,100,100,.3)}.session-error button{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#ffb800,#e59400,#cc7a00);color:#1a0a00;border:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s;box-shadow:0 4px #8b5a00,0 6px 20px #0006;text-transform:uppercase}.session-error button:hover{transform:translateY(-2px);box-shadow:0 6px #8b5a00,0 10px 30px #00000080}.session-error button:active{transform:translateY(2px);box-shadow:0 2px #8b5a00,0 4px 10px #0000004d}.loading{color:#fff;animation:flash .5s infinite;font-size:40px;text-align:center}@keyframes flash{0%{display:none;opacity:0}90%{display:block;opacity:.99}to{display:block;opacity:1}}.session-page .button-main{margin-top:15px}.session-stats{position:fixed;bottom:0;left:0;right:0;color:#fff;background:#0006;text-align:center;font-size:2.5vh;height:4vh;line-height:4vh;display:flex;justify-content:space-evenly;box-sizing:border-box}html.ios-safari .session-stats{padding-bottom:24px;height:calc(4vh + 24px)}.stats-coin{height:1.8vh;margin-left:.5vw}.session-stats>div{min-width:120px}.session-no-cards{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;text-align:center;padding:30px}.session-no-cards-inline{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;margin-top:15px;flex-wrap:wrap}.session-no-cards-inline .no-cards-text{font-family:Pixelify Sans,cursive;font-size:1rem;color:gold;background:#ffd7001a;padding:12px 20px;border-radius:10px;border:2px solid rgba(255,215,0,.3);margin:0}.session-no-cards p{font-family:Pixelify Sans,cursive;font-size:1.2rem;color:gold;background:#ffd7001a;padding:15px 25px;border-radius:10px;border:2px solid rgba(255,215,0,.3)}.purchase-btn{font-family:Pixelify Sans,cursive;background:linear-gradient(180deg,#4caf50,#388e3c,#2e7d32);color:#fff;border:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px #1b5e20,0 6px 20px #0006;text-transform:uppercase;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}@media (hover: hover){.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1b5e20,0 10px 30px #00000080}}.purchase-btn:active{transform:translateY(4px) scale(.97);box-shadow:0 0 #1b5e20,0 2px 10px #0000004d;background:linear-gradient(180deg,#388e3c,#2e7d32,#1b5e20)}.purchase-btn:focus{outline:none}.purchase-btn:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.session-countdown{position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;background:#00000059;border:1px solid rgba(255,215,0,.25);border-radius:20px;padding:8px 18px;font-family:Pixelify Sans,cursive;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-countdown .countdown-icon{font-size:16px;opacity:.8}.session-countdown .countdown-text{color:#ffd700d9;font-size:14px;letter-spacing:1px;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.session-countdown.expired{border-color:#ff3b3099;background:#ff3b3033}.session-countdown.expired .countdown-text{color:#ff6b6b}@media (max-width: 768px){.session-countdown{top:12px;padding:6px 14px}.session-countdown .countdown-icon{font-size:14px}.session-countdown .countdown-text{font-size:12px}}.scratch-card-wrapper{transition:opacity .5s ease-out,transform .5s ease-out}.scratch-card-wrapper.fading-out{opacity:0;transform:scale(.95);pointer-events:none}.no-cards-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayFadeIn .5s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.no-cards-overlay-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#ffffff1a;border-radius:30px;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0006;animation:contentSlideIn .5s cubic-bezier(.4,0,.2,1) .2s both;max-width:90vw}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.no-cards-overlay .no-cards-title{font-family:Pixelify Sans,cursive;font-size:min(8vw,36px);color:gold;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center}.no-cards-overlay .no-cards-subtitle{font-family:Inter,sans-serif;font-size:min(4vw,18px);color:#ffffffe6;margin:0;text-align:center}.no-cards-overlay .no-cards-buttons{display:flex;gap:15px;margin-top:10px;flex-wrap:wrap;justify-content:center}.no-cards-overlay .no-cards-empty{font-family:Pixelify Sans,cursive;font-size:min(4vw,16px);color:#ffffffb3;margin:0;text-align:center}.page-transition{width:100%;height:100%}.page-transition.fade-in{animation:fadeIn .35s cubic-bezier(.4,0,.2,1) forwards}.page-transition.fade-out{animation:fadeOut .3s cubic-bezier(.4,0,1,1) .4s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-icon{font-size:64px;margin-bottom:20px}.error-boundary-title{font-size:32px;color:#fff;margin:0 0 10px;font-weight:700}.error-boundary-message{font-size:16px;color:#aaa;margin:0 0 20px}.error-boundary-details{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:12px;color:#ff6b6b;font-size:12px;text-align:left;overflow-x:auto;margin-bottom:20px;max-height:100px;overflow-y:auto}.error-boundary-actions{display:flex;gap:12px;justify-content:center}.error-boundary-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s;background:#ffffff1a;color:#fff}.error-boundary-btn:hover{transform:scale(1.05)}.error-boundary-btn:active{transform:scale(.95)}.error-boundary-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}