@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--general-bg-color:#17171a;--header-background:linear-gradient(135deg,#3a3a3d,#18181b);--profile-background:linear-gradient(135deg,#ffffff1a,#ffffff0d);--profile-text-color:#fff;--profile-icon-color:#fc0;--shake-rights-background:linear-gradient(135deg,#fc03,#ffa50033);--shake-rights-text-color:#fff;--shake-rights-icon-color:#fc0;--rights-button-background:linear-gradient(135deg,#fc0,orange);--rights-button-text-color:#2b0a50;--rights-button-icon-color:#2b0a50;--history-button-background:linear-gradient(135deg,#ffffff26,#ffffff0d);--history-button-text-color:#fff;--history-button-icon-color:#fff;--title-color:#fff;--title-span-color:#fc0;--title-shadow:0 4px 8px #0000004d;--instruction-bg:linear-gradient(135deg,#ffcc004d,#ffa5004d);--instruction-text-color:#fff;--instruction-border-color:#fc03;--button-gradient:linear-gradient(45deg,#fc0,orange);--button-text-color:#2b0a50;--button-border-radius:30px;--button-shadow:0 8px 15px #0003;--gift-box-gradient1:#ffe500;--gift-box-gradient2:#ffa000;--gift-box-border-color:#ff6b00;--gift-box-ribbon-color:#4c1d95;--gift-box-ribbon-second-color:#5d2ca0;--gift-box-ribbon-highlight-color:#7e3fb5;--gift-box-shadow-color:#0003;--gift-box-glow-opacity:0.3;--prize-gradient1-start:gold;--prize-gradient1-end:orange;--prize-gradient2-start:#ff7b00;--prize-gradient2-end:#ff4500;--prize-text-color1:#2b0a50;--prize-text-color2:#fff;--prize-glow-color:#fe0;--prize-popup-background:linear-gradient(165deg,#2d1a4d,#1a1c2e);--prize-popup-button-bg:linear-gradient(135deg,#7c3aed,#4c1d95);--prize-popup-button-text:#fff;--prize-popup-title-gradient:linear-gradient(90deg,#fff,#a78bfa);--prize-popup-text-color:#ffffffe6;--prize-popup-close-bg:#ffffff1a;--prize-popup-close-color:#fff;--prize-popup-win-icon-color:#22c55e;--prize-popup-fail-icon-color:#ef4444;--prize-popup-button-icon-color:#fff;--history-overlay-bg:#111827b3;--history-content-bg:linear-gradient(145deg,#1a1c2e,#2d1a4d);--history-border-color:#ffffff1a;--history-header-bg:#ffffff08;--history-title-gradient:linear-gradient(90deg,#fff,#a78bfa);--history-close-btn-bg:#ffffff1a;--history-close-btn-color:#fff;--history-text-color:#fff;--history-spinner-color:#a78bfa;--history-empty-icon-color:#ffffff80;--history-button-bg:linear-gradient(135deg,#7c3aed,#4c1d95);--history-button-text:#fff;--history-item-bg:#ffffff0d;--history-item-border:#ffffff0d;--history-win-icon-bg:#34d39933;--history-win-icon-color:#34d399;--history-win-icon-border:#34d3994d;--history-lose-icon-bg:#f8717133;--history-lose-icon-color:#f87171;--history-lose-icon-border:#f871714d;--history-win-text-color:#34d399;--history-lose-text-color:#f87171;--history-date-color:#ffffff80;--css-editor-modal-background:linear-gradient(145deg,#1a2234,#1e293b);--css-editor-header-background:#0f172a99;--css-editor-header-text-color:#fff;--css-editor-body-background:#0000;--dialog-animation-duration:0.3s;--dialog-background:linear-gradient(135deg,#fffffff2,#ffffffd9);--dialog-text-color:#2b0a50;--dialog-border-color:#ffcc0080;--dialog-border-radius:15px;--dialog-shadow:0 8px 32px #0003;--dialog-padding:2rem;--dialog-width:90%;--dialog-max-width:400px;--dialog-message-font-size:1.2rem;--dialog-message-font-weight:600;--dialog-close-button-color:#2b0a50;--dialog-close-button-hover:#fc0;--dialog-top-line-color:orange}.App{background:var(--general-bg-gradient);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;text-align:center;width:100%}.App:before{background-image:none;content:"";height:100%;opacity:0;position:absolute;width:100%}.app-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3a3a3d,#18181b);background:var(--header-background);border-bottom:1px solid #ffffff1a;border-radius:0 0 24px 24px;box-shadow:0 6px 20px #00000040;box-sizing:border-box;padding:15px 16px;position:relative;width:100%;z-index:1000}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px}.header-container,.header-profile{align-items:center;display:flex;gap:10px}.header-profile{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--profile-background);border:1px solid var(--profile-border-color);border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--profile-text-color);padding:8px 16px;transition:all .3s ease}.profile-icon{align-items:center;color:#fc0;color:var(--profile-icon-color);display:flex;justify-content:center}.history-icon svg,.profile-icon svg,.rights-icon svg{fill:currentColor;color:inherit;display:block;height:100%;width:100%}.profile-name{color:#fff;color:var(--profile-text-color);font-size:.95rem;font-weight:600;text-shadow:0 2px 4px #0003;white-space:nowrap}.header-rights,.shake-rights{align-items:center;display:flex}.shake-rights{background:linear-gradient(135deg,#fc03,#ffa50033);background:var(--shake-rights-background);border:1px solid var(--shake-rights-border-color);border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--shake-rights-text-color);gap:10px;padding:8px 16px;transition:all .3s ease}.shake-rights:hover{background:linear-gradient(135deg,#ffcc0040,#ffa50040);transform:translateY(-2px)}.rights-text{color:#fff;color:var(--shake-rights-text-color);font-size:.95rem;font-weight:600;text-shadow:0 2px 4px #0003;white-space:nowrap}.shake-rights .rights-icon svg{fill:#fc0;fill:var(--shake-rights-icon-color)}.header-actions{display:flex;gap:12px}.history-nav-button,.rights-button{align-items:center;background:linear-gradient(135deg,#fc0,orange);background:var(--rights-button-background);border:2px solid;border-radius:50px;box-shadow:0 6px 15px #0003;color:#2b0a50;color:var(--rights-button-text-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;overflow:hidden;padding:9px 18px;position:relative;transition:all .3s ease}.rights-button{border-color:var(--rights-button-border-color)}.history-nav-button{border-color:var(--history-button-border-color)}.rights-button:before{animation:shimmer 3s infinite;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.history-nav-button .history-icon svg{fill:#fff;fill:var(--history-button-icon-color)}.rights-button:hover{box-shadow:0 8px 20px #ffcc004d;transform:translateY(-3px)}.history-nav-button:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 8px 20px #00000040;transform:translateY(-3px)}.button-text{color:inherit;position:relative;white-space:nowrap;z-index:1}.history-icon,.rights-icon{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}@media (max-width:768px){.header-container{flex-direction:column;gap:8px;justify-content:center}.header-profile,.shake-rights{justify-content:center;max-width:none;padding:6px 10px;width:100%}.header-actions,.header-rights{justify-content:center;margin-top:8px;width:100%}.header-actions{flex-direction:column;gap:8px}.history-nav-button,.rights-button{justify-content:center;max-width:none;width:100%}}@media (max-width:480px){.button-text,.profile-name,.rights-text{font-size:.8rem}.header-profile,.history-nav-button,.rights-button,.shake-rights{padding:6px 10px}.title{font-size:24px}.gift-box{height:160px;width:160px}.shake-button{font-size:14px;padding:12px 24px}}.general-game-container{display:flex;justify-content:center}.general-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:flex-start;margin-bottom:20px;overflow-y:auto;padding-top:30px;position:relative;width:100%;z-index:1}.logo{height:auto;max-width:80%;width:150px}.title{color:#fff;color:var(--title-color);font-family:Poppins,sans-serif;font-size:36px;font-weight:800;letter-spacing:1px;margin-bottom:15px;margin-top:5px;text-shadow:0 4px 8px #0000004d;text-shadow:var(--title-shadow)}.title span{color:#fc0;color:var(--title-span-color)}.game-container-button{background:linear-gradient(45deg,#fc0,orange);background:var(--button-gradient);border:none;border-radius:30px;border-radius:var(--button-border-radius);box-shadow:0 8px 15px #0003;box-shadow:var(--button-shadow);color:#2b0a50;color:var(--button-text-color);cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;margin-top:30px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.game-container-button.loading{background:linear-gradient(45deg,gold,orange);cursor:not-allowed;opacity:.8}.game-container-button.loading:after{animation:loading-shine 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shine{to{left:100%}}.error-screen,.loading-screen{align-items:center;background:#17171a;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.error-screen:before,.loading-screen:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.error-container,.loading-container{align-items:center;animation:containerFadeIn .8s ease forwards;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:28px;display:flex;flex-direction:column;justify-content:center;max-width:380px;overflow:hidden;padding:3.5rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}.error-icon{animation:pulse 2s infinite;font-size:3.5rem;margin:15px 0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-title{color:#fff;font-size:1.8rem;font-weight:700;margin:10px 0;text-shadow:0 2px 4px #0003}.error-message{color:#fffc;font-size:1.1rem;line-height:1.5;margin-bottom:5px}.history-modal{align-items:center;display:flex;justify-content:center;padding:20px}.history-modal,.history-modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.history-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#1a1c2e,#2d1a4d);background:var(--history-content-bg,linear-gradient(145deg,#1a1c2e,#2d1a4d));border:1px solid #ffffff1a;border:1px solid var(--history-border-color,#ffffff1a);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-height:85vh;max-width:500px;overflow:hidden;position:relative;width:90%;z-index:100000}.history-modal-header{align-items:center;background:#ffffff08;background:var(--history-header-bg,#ffffff08);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--history-border-color,#ffffff1a);display:flex;justify-content:space-between;padding:24px}.history-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a78bfa);background:var(--history-title-gradient,linear-gradient(to right,#fff,#a78bfa));-webkit-background-clip:text;color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-align:center;width:100%}.close-button{align-items:center;background:#ffffff1a;background:var(--history-close-btn-bg,#ffffff1a);border:none;border-radius:12px;color:#fff;color:var(--history-close-btn-color,#fff);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.close-button:hover{background:#fff3;transform:rotate(90deg)}.history-modal-body{max-height:calc(85vh - 80px);overflow-y:auto;padding:24px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.history-modal-body::-webkit-scrollbar{width:4px}.history-modal-body::-webkit-scrollbar-track{background:#0000}.history-modal-body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}.history-loading{align-items:center;color:#fff;color:var(--history-text-color,#fff);display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--history-spinner-color,#a78bfa);height:40px;margin-bottom:20px;width:40px}.history-empty{color:#fff;color:var(--history-text-color,#fff);padding:40px 20px;text-align:center}.history-empty svg{color:#ffffff80;color:var(--history-empty-icon-color,#ffffff80);margin-bottom:20px}.start-playing-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95);background:var(--history-button-bg,linear-gradient(135deg,#7c3aed,#4c1d95));border:none;border-radius:16px;color:#fff;color:var(--history-button-text,#fff);cursor:pointer;display:flex;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.start-playing-btn:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 20px -10px #7c3aed80;transform:translateY(-2px)}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{align-items:center;background:#ffffff0d;background:var(--history-item-bg,#ffffff0d);border:1px solid #ffffff0d;border:1px solid var(--history-item-border,#ffffff0d);border-radius:16px;display:flex;padding:16px;transition:all .3s ease}.history-item:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateX(5px)}.prize-icon{align-items:center;border-radius:14px;display:flex;height:48px;justify-content:center;margin-right:16px;transition:all .3s ease;width:48px}.prize-icon.won{background:#34d39933;background:var(--history-win-icon-bg,#34d39933);border:1px solid #34d3994d;border:1px solid var(--history-win-icon-border,#34d3994d);color:#34d399;color:var(--history-win-icon-color,#34d399)}.prize-icon.lost{background:#f8717133;background:var(--history-lose-icon-bg,#f8717133);border:1px solid #f871714d;border:1px solid var(--history-lose-icon-border,#f871714d);color:#f87171;color:var(--history-lose-icon-color,#f87171)}.history-item-details{flex:1 1}.history-item-details h3{color:#fff;color:var(--history-text-color,#fff);font-size:1.1rem;font-weight:600;margin:0}.history-item-details h3.won{color:#34d399;color:var(--history-win-text-color,#34d399)}.history-item-details h3.lost{color:#f87171;color:var(--history-lose-text-color,#f87171)}.history-date{color:#ffffff80;color:var(--history-date-color,#ffffff80);font-size:.9rem;margin:4px 0 0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.history-modal{padding:16px}.history-modal-content{border-radius:20px;max-height:90vh;width:100%}.history-modal-header{padding:20px}.history-modal-header h2{font-size:1.3rem}.history-modal-body{padding:20px}.history-item{padding:14px}.prize-icon{height:40px;margin-right:12px;width:40px}.history-item-details h3{font-size:1rem}.history-date{font-size:.8rem}}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 auto;max-width:500px;padding:20px;position:relative;z-index:2}.grid-container canvas{-webkit-tap-highlight-color:transparent;aspect-ratio:1;border-radius:12px;height:100%;object-fit:contain;touch-action:none;transition:transform .2s ease;user-select:none;-webkit-user-select:none;width:100%}.grid-container canvas:hover{transform:scale(1.05)}.game-container{align-items:center;border-radius:12px;display:flex;justify-content:center;min-height:500px;padding:20px;position:relative;width:100%}.rewards-display{display:grid;grid-template-columns:repeat(3,1fr);height:100%;left:0;margin:0 auto;max-width:500px;padding:20px;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.reward-item{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.reward-item span{display:inline-block;vertical-align:middle}@media (max-width:480px){.grid-container{gap:10px;max-width:100%;padding:15px}.game-container{min-height:400px;padding:15px}.rewards-display{padding:15px}}.admin-login-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-login-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1a2234,#1e293b);border-radius:20px;box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff0d;max-width:400px;overflow:hidden;width:90%}.admin-login-header{align-items:center;background:#0f172a99;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:24px 32px}.admin-login-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:10px;letter-spacing:.5px;margin:0}.admin-login-header h2:before{content:"🔐";font-size:22px}.close-login{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.close-login:hover{background:#ffffff1a;color:#fff}.admin-login-form{padding:32px}.login-error{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:10px;color:#fb7185;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 16px;text-align:center}.login-error:before{content:"⚠️";font-size:16px}.form-group{margin-bottom:24px}.form-group label{align-items:center;color:#94a3b8;display:block;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.form-group label:after{background:#ffffff1a;content:"";flex:1 1;height:1px}.form-group input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:90%}.form-group input:focus{background:#0f172acc;border-color:#09f984;box-shadow:0 0 0 4px #09f9841a;outline:none}.form-group input::placeholder{color:#64748b}.login-button{background:linear-gradient(145deg,#09f984,#06c668);border:none;border-radius:12px;color:#1a2234;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%}.login-button:hover:before{transform:translateX(100%)}.login-button:hover{box-shadow:0 4px 20px #09f9844d,0 2px 8px #09f98433;transform:translateY(-2px)}.login-button.loading{cursor:not-allowed;opacity:.7}.login-button.loading:hover{background:linear-gradient(165deg,var(--button-gradient-1),var(--button-gradient-2))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-login-modal{width:95%}.admin-login-form,.admin-login-header{padding:20px}.form-group input{padding:12px 14px}.login-button{padding:12px}}.general-loading-container{align-content:flex-end;align-items:center;background:#17171a;display:flex;height:100vh;justify-content:space-around}.loading-container{align-items:center;background:linear-gradient(45deg,#1a1a1a,#2d3436);display:flex;justify-content:center;overflow:hidden;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:400px;padding:2rem;width:100%}.loading-logo{height:120px;position:relative;width:120px}.loading-logo img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.2));height:100%;object-fit:contain;width:100%}.loading-progress{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:3px;box-shadow:0 0 10px #ff6b6b80;height:100%;left:0;position:absolute;top:0;width:30%}.loading-text{color:#fff;font-size:1.2rem;font-weight:300;letter-spacing:1px;opacity:.8;text-align:center;width:100%}@keyframes progress{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:480px){.loading-content{padding:1rem}.loading-progress{max-width:250px}.loading-logo{height:100px;width:100px}.loading-text{font-size:1rem}}.admin-welcome{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#09f984,#06c668);border-radius:12px;bottom:20px;box-shadow:0 4px 15px #09f98433;left:20px;padding:12px 24px;position:fixed;z-index:1000}.admin-welcome span{color:#1a2234;font-size:1rem;font-weight:600;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.admin-welcome{bottom:15px;left:15px;padding:10px 20px}.admin-welcome span{font-size:.9rem}}.css-editor-overlay{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.css-editor-modal{background:linear-gradient(145deg,#1a2234,#1e293b);background:var(--css-editor-modal-background);border-radius:20px;box-shadow:0 4px 24px #0003;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.css-editor-header{align-items:center;background:#0f172a99;background:var(--css-editor-header-background);border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:24px 32px}.css-editor-header h2{color:#fff;color:var(--css-editor-header-text-color);font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.css-editor-header button{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.css-editor-header button:hover{background:#ffffff1a;color:#fff}.css-editor-content{background:#0000;background:var(--css-editor-body-background);max-height:calc(80vh - 80px);overflow-y:auto;padding:24px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.css-variable-editor{align-items:center;display:flex;gap:16px;margin-bottom:16px}.css-variable-editor label{color:#94a3b8;font-size:14px;font-weight:500;min-width:200px}.css-variable-editor input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease}.css-variable-editor input:focus{border-color:#09f984;box-shadow:0 0 0 2px #09f9841a;outline:none}.css-variable-editor input[type=color]{cursor:pointer;height:36px;padding:2px;width:60px}.css-variable-editor input[type=number]{width:80px}.general-css-editor-left,.general-css-editor-right{bottom:20px;display:flex;gap:12px;position:absolute}.general-css-editor-left{left:20px;position:fixed}.general-css-editor-right{position:fixed;right:20px}.general-css-editor-left button,.general-css-editor-right button{background:linear-gradient(145deg,#09f984,#06c668);border:none;border-radius:8px;color:#1a2234;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.general-css-editor-left button:hover,.general-css-editor-right button:hover{box-shadow:0 4px 12px #09f98433;transform:translateY(-2px)}@media (max-width:768px){.css-editor-modal{width:95%}.css-editor-content,.css-editor-header{padding:20px}.css-variable-editor{align-items:flex-start;flex-direction:column;gap:8px}.css-variable-editor label{min-width:auto}.css-variable-editor input{width:100%}.general-css-editor-left,.general-css-editor-right{bottom:10px;justify-content:center;padding:0 10px;position:fixed;width:100%}.general-css-editor-left{bottom:60px;left:0}.general-css-editor-right{right:0}}.gradient-editor{background:#0f172a4d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.gradient-controls{display:flex;flex-direction:column;gap:12px;margin-top:8px}.color-picker-group{align-items:center;display:flex;gap:12px}.color-picker-group span{color:#94a3b8;font-size:14px;min-width:60px}.direction-select{align-items:center;display:flex;gap:12px}.direction-select span{color:#94a3b8;font-size:14px;min-width:60px}.direction-select select{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease}.direction-select select:focus{border-color:#09f984;box-shadow:0 0 0 2px #09f9841a;outline:none}@media (max-width:768px){.gradient-controls{gap:8px}.color-picker-group,.direction-select{align-items:flex-start;flex-direction:column;gap:8px}.color-picker-group span,.direction-select span{min-width:auto}.direction-select select{width:100%}}.scratch-game-content svg circle,.scratch-game-content svg path,.scratch-game-content svg polygon,.scratch-game-content svg rect{fill:grey!important;fill:var(--scratch-svg-primary-color,grey)!important;stroke:#a9a9a9!important;stroke:var(--scratch-svg-secondary-color,#a9a9a9)!important}.dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;animation:fadeIn var(--dialog-animation-duration,.8s) ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--dialog-overlay-blur,8px));backdrop-filter:blur(var(--dialog-overlay-blur,8px));background-color:#0006;background-color:var(--dialog-overlay-background,#0006);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{align-items:center;animation:dialogSlideIn 1s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fffffff2,#ffffffd9);background:var(--dialog-background,#fffffffa);border:none;border-radius:15px;border-radius:var(--dialog-border-radius,20px);box-shadow:0 8px 32px #0003;box-shadow:var(--dialog-shadow,0 10px 40px #0000001a);color:#2b0a50;color:var(--dialog-text-color,#1a1a1a);display:flex;flex-direction:column;max-width:400px;max-width:var(--dialog-max-width,380px);overflow:hidden;padding:2rem;padding:var(--dialog-padding,2.5rem);position:relative;text-align:center;transform-origin:center;width:90%;width:var(--dialog-width,90%)}.dialog-content:before{content:"";height:4px;height:var(--dialog-top-line-height,4px);left:0;position:absolute;right:0;top:0}.dialog-icon{animation:iconPopIn .5s ease-out .2s both;color:#34d399;color:var(--dialog-icon-color,#34d399);height:48px;height:var(--dialog-icon-size,48px);margin-bottom:1.5rem;width:48px;width:var(--dialog-icon-size,48px)}.dialog-title{animation:messagePopIn .5s ease-out .3s both;color:#1a1a1a;color:var(--dialog-title-color,#1a1a1a);font-size:1.5rem;font-size:var(--dialog-title-font-size,1.5rem);font-weight:600;font-weight:var(--dialog-title-font-weight,600);margin:0 0 1rem;margin:var(--dialog-title-margin,0 0 1rem)}.dialog-message{animation:messagePopIn .5s ease-out .4s both;color:#2b0a50;color:var(--dialog-text-color,#4a5568);font-size:1.2rem;font-size:var(--dialog-message-font-size,1.1rem);font-weight:600;font-weight:var(--dialog-message-font-weight,500);letter-spacing:.3px;letter-spacing:var(--dialog-message-letter-spacing,.3px);line-height:1.6;line-height:var(--dialog-message-line-height,1.6);margin:0 0 2rem;margin:var(--dialog-message-margin,0 0 2rem);text-align:center}.dialog-action-button{animation:buttonPopIn .5s ease-out .5s both;background:linear-gradient(135deg,#34d399,#10b981);background:var(--dialog-action-button-background,linear-gradient(135deg,#34d399,#10b981));border:none;border-radius:12px;border-radius:var(--dialog-action-button-border-radius,12px);box-shadow:0 4px 12px #34d39933;box-shadow:var(--dialog-action-button-shadow,0 4px 12px #34d39933);color:#fff;color:var(--dialog-action-button-color,#fff);cursor:pointer;font-size:1rem;font-size:var(--dialog-action-button-font-size,1rem);font-weight:600;font-weight:var(--dialog-action-button-font-weight,600);padding:.8rem 2rem;padding:var(--dialog-action-button-padding,.8rem 2rem);transition:all .3s ease}.dialog-action-button:hover{box-shadow:0 6px 16px #34d3994d;box-shadow:var(--dialog-action-button-hover-shadow,0 6px 16px #34d3994d);transform:translateY(-2px)}.dialog-close{align-items:center;animation:fadeIn .3s ease-out .5s forwards;background:none;border:none;border-radius:8px;border-radius:var(--dialog-close-button-border-radius,8px);color:#2b0a50;color:var(--dialog-close-button-color,#666);cursor:pointer;display:flex;height:32px;height:var(--dialog-close-button-size,32px);justify-content:center;opacity:0;padding:8px;padding:var(--dialog-close-button-padding,8px);position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px;width:var(--dialog-close-button-size,32px)}.dialog-close:hover{background:#0000000d;background:var(--dialog-close-button-hover-background,#0000000d);color:#333;color:var(--dialog-close-button-hover-color,#333);transform:rotate(90deg)}.dialog-content.success .dialog-icon{color:#34d399;color:var(--dialog-success-icon-color,#34d399)}.dialog-content.error .dialog-icon{color:#f87171;color:var(--dialog-error-icon-color,#f87171)}.dialog-content.warning .dialog-icon{color:#fbbf24;color:var(--dialog-warning-icon-color,#fbbf24)}.dialog-content.success .dialog-action-button{background:linear-gradient(135deg,#34d399,#10b981);background:var(--dialog-success-button-background,linear-gradient(135deg,#34d399,#10b981));box-shadow:0 4px 12px #34d39933;box-shadow:var(--dialog-success-button-shadow,0 4px 12px #34d39933)}.dialog-content.error .dialog-action-button{background:linear-gradient(135deg,#f87171,#ef4444);background:var(--dialog-error-button-background,linear-gradient(135deg,#f87171,#ef4444));box-shadow:0 4px 12px #f8717133;box-shadow:var(--dialog-error-button-shadow,0 4px 12px #f8717133)}.dialog-content.warning .dialog-action-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--dialog-warning-button-background,linear-gradient(135deg,#fbbf24,#f59e0b));box-shadow:0 4px 12px #fbbf2433;box-shadow:var(--dialog-warning-button-shadow,0 4px 12px #fbbf2433)}@media (max-width:480px){.dialog-content{margin:1rem;margin:var(--dialog-mobile-margin,1rem);padding:2rem;padding:var(--dialog-mobile-padding,2rem)}.dialog-title{font-size:1.3rem;font-size:var(--dialog-mobile-title-font-size,1.3rem)}.dialog-message{font-size:1rem;font-size:var(--dialog-mobile-message-font-size,1rem)}.dialog-action-button{font-size:.95rem;font-size:var(--dialog-mobile-action-button-font-size,.95rem);padding:.7rem 1.8rem;padding:var(--dialog-mobile-action-button-padding,.7rem 1.8rem)}.dialog-close{right:12px;right:var(--dialog-mobile-close-right,12px);top:12px;top:var(--dialog-mobile-close-top,12px)}.logo{max-width:50%;width:130px}.title{font-size:1rem}.game-container-button{font-size:.9rem;padding:8px 12px}}.scratch-card{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);background:var(--card-content-bg,linear-gradient(135deg,#fff,#f5f5f5));border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:0 8px 16px #0000001a;box-shadow:var(--card-box-shadow,0 8px 16px #0000001a);cursor:pointer;display:flex;height:100px;height:var(--card-height,100px);justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:150px;width:var(--card-width,150px)}.scratch-card:hover{box-shadow:0 12px 20px #00000026;box-shadow:var(--card-hover-shadow,0 12px 20px #00000026);transform:translateY(-2px);transform:translateY(var(--card-hover-transform,-2px))}.reward-content{-webkit-text-fill-color:#0000;align-items:center;-webkit-background-clip:text;background-image:linear-gradient(45deg,#2196f3,#3f51b5);background-image:var(--reward-text-gradient,linear-gradient(45deg,#2196f3,#3f51b5));display:flex;font-size:48px;font-size:var(--reward-text-size,48px);font-weight:700;height:100%;justify-content:center;line-height:1;overflow:hidden;text-shadow:2px 2px 4px #0000001a;text-shadow:var(--reward-text-shadow,2px 2px 4px #0000001a);width:100%}.reward-content span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scratch-card canvas{aspect-ratio:1;border-radius:inherit;height:100%;left:0;object-fit:contain;pointer-events:auto;position:absolute;top:0;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.game-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);height:100%;justify-items:center;place-items:center}.reward-title-h1{color:#fff;font-size:54px;font-weight:700;text-align:center;text-shadow:2px 2px 4px #0000001a}@media (max-width:900px){.game-grid{gap:14px;max-width:350px;padding:14px}.scratch-card{height:110px;width:110px}.reward-content{font-size:32px}}@media (max-width:600px){.game-content{background-size:cover!important;border-radius:0!important;height:500px!important;width:350px!important}.reward-title-h1{font-size:24px;margin-top:50px!important}.game-grid{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:0!important;margin:0 auto;max-width:340px;padding:12px}.scratch-card{height:80px!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;width:80px!important}.reward-content{font-size:24px}.scratch-card canvas{aspect-ratio:unset!important;height:100%!important;left:0;min-height:0!important;min-width:0!important;object-fit:fill!important;position:absolute;top:0;width:100%!important}}@media (max-width:400px){.scratch-game-container{padding:0!important}.game-grid{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:0 auto;max-width:270px;padding:8px}.scratch-card{height:100px;width:100px}.reward-content,.reward-content span{font-size:18px}}.css-editor-accordion{margin-bottom:20px;width:100%}.accordion-section{border-bottom:1px solid #222}.accordion-title{align-items:center;background:none;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;justify-content:space-between;padding:16px 0;transition:background .2s}.accordion-title:hover{background:#ffffff0a;color:#fc0}.accordion-title h3{font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0}.accordion-title span{font-size:1.2rem;margin-left:10px;transition:transform .2s}.accordion-body{animation:accordionFadeIn .3s;padding:0 0 18px}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.accordion-title{font-size:1rem;padding:12px 0}.accordion-body{padding-bottom:12px}}
/*# sourceMappingURL=main.200e41bb.css.map*/