.session-notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideIn .3s ease-out}.session-notification-content{background:linear-gradient(135deg,var(--kid-red) 0%,color-mix(in srgb,var(--kid-red) 90%,var(--black)) 100%);color:var(--text-inverse);padding:20px 24px;border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--black) 20%,transparent);display:flex;align-items:center;gap:16px;min-width:320px;max-width:480px;animation:fadeIn .3s ease-out}.session-notification-icon{font-size:32px;flex-shrink:0}.session-notification-text{flex:1}.session-notification-text h3{margin:0 0 8px;font-size:18px;font-weight:600}.session-notification-text p{margin:0;font-size:14px;opacity:.95;line-height:1.4}.session-notification-close{background:color-mix(in srgb,var(--white) 20%,transparent);border:none;color:var(--text-inverse);font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.session-notification-close:hover{background:color-mix(in srgb,var(--white) 30%,transparent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.theme-toggle{width:100px;height:50px;background:linear-gradient(135deg,var(--blue-light) 0%,color-mix(in srgb,var(--blue-light) 95%,var(--white)) 50%,color-mix(in srgb,var(--blue-light) 90%,var(--white)) 100%);border-radius:25px;border:none;position:relative;cursor:pointer;transition:all .6s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 25px color-mix(in srgb,var(--blue-light) 30%,transparent),inset 0 1px color-mix(in srgb,var(--white) 20%,transparent);overflow:hidden;will-change:transform}.theme-toggle-in-dropdown .theme-toggle{width:70px;height:35px}.theme-toggle:hover{transform:translate3d(0,-3px,0) scale(1.05);box-shadow:0 15px 35px color-mix(in srgb,var(--blue-light) 40%,transparent),inset 0 1px color-mix(in srgb,var(--white) 20%,transparent)}.theme-toggle:active{transform:translate3d(0,-1px,0) scale(.98);transition:all .1s ease}.theme-toggle:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 15px 8px,var(--white),transparent),radial-gradient(1px 1px at 65px 12px,var(--white),transparent),radial-gradient(.5px .5px at 25px 28px,var(--white),transparent),radial-gradient(1px 1px at 55px 25px,var(--white),transparent),radial-gradient(.5px .5px at 70px 30px,var(--white),transparent);opacity:0;transition:opacity .6s ease}.toggle-circle{position:absolute;top:3px;left:3px;width:44px;height:44px;background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);border-radius:50%;transition:all .6s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 10px color-mix(in srgb,var(--yellow) 40%,transparent),inset 0 1px color-mix(in srgb,var(--white) 30%,transparent);display:flex;align-items:center;justify-content:center;will-change:transform;overflow:visible;padding:0;margin:0}.theme-toggle-in-dropdown .theme-toggle .toggle-circle{width:31px;height:31px;top:2px;left:2px}.toggle-circle:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;background:linear-gradient(0deg,transparent 40%,var(--yellow) 40%,var(--yellow) 60%,transparent 60%),linear-gradient(45deg,transparent 40%,var(--yellow) 40%,var(--yellow) 60%,transparent 60%),linear-gradient(90deg,transparent 40%,var(--yellow) 40%,var(--yellow) 60%,transparent 60%),linear-gradient(135deg,transparent 40%,var(--yellow) 40%,var(--yellow) 60%,transparent 60%);transform:translate(-50%,-50%) rotate(0);transition:all .6s ease;opacity:1}.toggle-circle:after{content:"";position:absolute;top:4px;right:4px;width:26px;height:26px;background:var(--bg-dark);border-radius:50%;transform:scale(0);transition:all .6s cubic-bezier(.25,.8,.25,1);box-shadow:inset -6px -2px color-mix(in srgb,var(--bg-dark) 90%,var(--black))}.toggle-circle svg{font-size:20px;transition:all .6s cubic-bezier(.25,.8,.25,1);color:var(--orange);z-index:2;transform:scale(1) rotate(0);padding:0;margin:0}.toggle-circle .moon-icon{color:var(--text-inverse);transform:scale(0);transition:transform .6s cubic-bezier(.25,.8,.25,1);padding:0;margin:0}.theme-toggle.dark-mode{background:linear-gradient(135deg,var(--bg-dark) 0%,color-mix(in srgb,var(--bg-dark) 95%,var(--bg-secondary)) 50%,color-mix(in srgb,var(--bg-dark) 90%,var(--bg-secondary)) 100%);box-shadow:0 8px 25px color-mix(in srgb,var(--bg-dark) 40%,transparent),inset 0 1px color-mix(in srgb,var(--white) 10%,transparent)}.theme-toggle.dark-mode:before{opacity:1}.theme-toggle:not(.dark-mode):not(.auto-mode) .toggle-circle{transform:translate(3px)}.theme-toggle.auto-mode .toggle-circle{transform:translate(28px);background:transparent;box-shadow:none}.theme-toggle-in-dropdown .theme-toggle.auto-mode .toggle-circle{transform:translate(19.5px)}.theme-toggle.dark-mode:not(.auto-mode) .toggle-circle{transform:translate(53px);background:transparent;box-shadow:none;padding:0;margin:0;top:0;left:0;width:50px;height:50px}.theme-toggle-in-dropdown .theme-toggle.dark-mode:not(.auto-mode) .toggle-circle{transform:translate(37px);background:transparent;box-shadow:none;padding:0;margin:0;top:0;left:0;width:35px;height:35px}.auto-time-display{font-size:24px;font-weight:900;z-index:2;position:relative;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:1px;padding:0;margin:0;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.theme-toggle-in-dropdown .theme-toggle .auto-time-display{font-size:18px;font-weight:900}.time-colon{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.theme-toggle.dark-mode .toggle-circle:before{transform:translate(-50%,-50%) rotate(180deg) scale(0);opacity:0}.theme-toggle.auto-mode .toggle-circle:before{transform:translate(-50%,-50%) rotate(180deg) scale(0);opacity:0}.theme-toggle.dark-mode .toggle-circle svg{transform:scale(1) rotate(360deg);padding:0;margin:0}.theme-toggle.dark-mode .toggle-circle .moon-icon{color:var(--yellow)!important;fill:var(--yellow);stroke:none;width:48px!important;height:48px!important;padding:0;margin:0;transform:scale(1);animation:moonGrow .6s cubic-bezier(.25,.8,.25,1)}@keyframes moonGrow{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.theme-toggle:not(.dark-mode) .toggle-circle .moon-icon{transform:scale(0);transition:transform .6s cubic-bezier(.25,.8,.25,1)}.toggle-circle .sun-icon{transform:scale(1);transition:transform .6s cubic-bezier(.25,.8,.25,1)}.theme-toggle.dark-mode .toggle-circle .sun-icon{transform:scale(0);transition:transform .6s cubic-bezier(.25,.8,.25,1)}.theme-toggle.dark-mode:hover{box-shadow:0 15px 35px color-mix(in srgb,var(--bg-dark) 50%,transparent),inset 0 1px color-mix(in srgb,var(--white) 10%,transparent)}.theme-toggle-container{position:fixed;bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:10000;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;transform:scale(1)}.theme-toggle-in-dropdown .theme-toggle-container{position:static;bottom:auto;left:auto;z-index:auto;transform:scale(1)}@media(max-width:768px){.theme-toggle-container{bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:10000}.theme-toggle-in-dropdown .theme-toggle-container{bottom:auto;left:auto}}@media(max-width:480px){.theme-toggle{width:70px;height:36px}.theme-toggle .toggle-circle{width:30px;height:30px}.theme-toggle .toggle-circle:before{width:20px;height:20px}.theme-toggle .toggle-circle:after{width:22px;height:22px;top:4px;right:4px}.theme-toggle .toggle-circle svg{width:18px;height:18px}.theme-toggle:not(.dark-mode):not(.auto-mode) .toggle-circle{transform:translate(3px)}.theme-toggle.auto-mode .toggle-circle{transform:translate(18px)}.theme-toggle.dark-mode:not(.auto-mode) .toggle-circle{transform:translate(33px)}.theme-toggle:before{background:radial-gradient(1px 1px at 12px 7px,var(--white),transparent),radial-gradient(1px 1px at 55px 10px,var(--white),transparent),radial-gradient(.5px .5px at 20px 24px,var(--white),transparent),radial-gradient(1px 1px at 48px 22px,var(--white),transparent)}}.pwa-install-prompt{position:fixed;bottom:var(--spacing-xl);left:0;right:0;margin:auto;z-index:999999;width:calc(100% - var(--spacing-2xl));animation:slideUp .4s var(--ease-out) forwards}.pwa-install-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--gradient-primary);color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);border-radius:var(--radius-2xl);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;position:relative;overflow:hidden;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.pwa-install-content:before{content:"";position:absolute;top:4px;left:9px;width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(-24deg);filter:blur(.5px);pointer-events:none;z-index:1}.pwa-install-content:after{content:"";position:absolute;top:13px;left:5px;width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.pwa-install-content:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.pwa-install-icon{font-size:2.5rem;flex-shrink:0;animation:gentlePulse 2s ease-in-out infinite}.pwa-install-text{flex:1}.pwa-install-title{font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);color:var(--white);text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.pwa-install-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.pwa-install-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);border-radius:var(--radius-2xl);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;position:relative;overflow:hidden;white-space:nowrap;font-family:var(--font-family);text-transform:capitalize;min-width:120px;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.pwa-install-btn-primary{background:var(--gradient-rainbow);background-size:200% 200%;animation:rainbow 3s ease infinite}.pwa-install-btn-primary:before{content:"";position:absolute;top:4px;left:9px;width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(-24deg);filter:blur(.5px);pointer-events:none;z-index:1}.pwa-install-btn-primary:after{content:"";position:absolute;top:13px;left:5px;width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.pwa-install-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.pwa-install-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.pwa-install-btn-secondary{background:var(--gradient-primary);opacity:.8}.pwa-install-btn-secondary:hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.pwa-install-btn-secondary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}@media(max-width:768px){.pwa-install-content{flex-direction:column;text-align:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.pwa-install-actions{width:100%;flex-direction:column}.pwa-install-btn{width:100%}}.cloud-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;transition:background-color 2s ease-in-out}.sun-moon{position:absolute;border-radius:50%;pointer-events:none;transition:all 2s ease-in-out}.sun{width:160px;height:160px;z-index:0;top:-10px;right:-10px;left:auto;opacity:1;transform:translate(0);transition:top 2s ease-in-out,right 2s ease-in-out,left 2s ease-in-out,background-color 2s ease-in-out,box-shadow 2s ease-in-out,opacity 1.5s ease-in-out .5s,width 2s ease-in-out,height 2s ease-in-out,transform 2s ease-in-out}.cloud-background.theme-light .sun{top:-10px;right:-10px;left:auto;opacity:1}.cloud-background.theme-auto.time-day .sun{top:var(--sun-moon-position-y, 5%);left:var(--sun-moon-position-x, 50%);right:auto;transform:translate(-50%);opacity:1}.cloud-background.theme-auto.time-night .sun,.cloud-background.theme-dark .sun{opacity:0;pointer-events:none}.sun-glow{width:224px;height:224px;filter:blur(40px);z-index:0;top:-40px;right:-40px;left:auto;opacity:.6;transform:translate(0);transition:top 2s ease-in-out,right 2s ease-in-out,left 2s ease-in-out,opacity 1.5s ease-in-out .5s,transform 2s ease-in-out,width 2s ease-in-out,height 2s ease-in-out}.cloud-background.theme-light .sun-glow{top:-40px;right:-40px;left:auto;opacity:.6}.cloud-background.theme-auto.time-day .sun-glow{top:calc(var(--sun-moon-position-y, 5%) - 25px);left:var(--sun-moon-position-x, 50%);right:auto;transform:translate(-50%);opacity:.6}.cloud-background.theme-auto.time-night .sun-glow,.cloud-background.theme-dark .sun-glow{opacity:0;pointer-events:none}.moon{width:120px;height:120px;z-index:0;top:100%;left:50%;right:auto;transform:translate(-50%);opacity:0;background-color:#fbbf24;transition:top 2s ease-in-out,left 2s ease-in-out,opacity 1.5s ease-in-out .5s,background-color 2s ease-in-out,box-shadow 2s ease-in-out,transform 2s ease-in-out;position:relative}.cloud-background.theme-light .moon{opacity:0;pointer-events:none}.cloud-background.theme-dark .moon{top:20px;left:20px;transform:translate(0);opacity:1}.cloud-background.theme-auto.time-night .moon{top:var(--sun-moon-position-y, 5%);left:var(--sun-moon-position-x, 50%);right:auto;transform:translate(-50%);opacity:1}.cloud-background.theme-auto.time-day .moon{opacity:0;pointer-events:none}.moon-crater{position:absolute;border-radius:50%;background-color:#ffc8324d;border:2px solid rgba(255,180,30,.5)}.moon-crater-1{width:20px;height:20px;top:25%;left:30%}.moon-crater-2{width:15px;height:15px;top:45%;left:60%}.moon-crater-3{width:18px;height:18px;top:65%;left:25%}.moon-crater-4{width:12px;height:12px;top:35%;left:70%}.moon-crater-5{width:14px;height:14px;top:75%;left:55%}@keyframes floatCloud{0%{transform:translate3d(-300px,0,0) scale(var(--scale))}to{transform:translate3d(120vw,0,0) scale(var(--scale))}}.cloud{position:absolute;width:54px;height:5px;border-radius:10px;--scale: 1;will-change:transform;animation:floatCloud linear infinite;left:0}.side-cloud{animation:none!important;--cloud-scale: 1;--cloud-flip: 1}.side-cloud-left{animation:slideInFromLeft 1.2s cubic-bezier(.34,1.56,.64,1) .2s both!important}.side-cloud-right{animation:slideInFromRight 1.2s cubic-bezier(.34,1.56,.64,1) .4s both!important}@keyframes slideInFromLeft{0%{transform:translate(-200px) scale(var(--cloud-scale, 12)) scaleX(-1);opacity:0}to{transform:translate(0) scale(var(--cloud-scale, 12)) scaleX(-1);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(200px) scale(var(--cloud-scale, 13));opacity:0}to{transform:translate(0) scale(var(--cloud-scale, 13));opacity:1}}.cloud.tiny{--scale: .5}.cloud.small{--scale: 1}.cloud.normal{--scale: 2}.cloud.large{--scale: 4}.cloud div{position:absolute;border-radius:50%;width:12px;height:12px;bottom:0;left:-3px;z-index:10}.cloud .puff-2{transform:scale(1.6);margin-left:13px;margin-bottom:4px;z-index:9}.cloud .puff-3{transform:scale(2.4);margin-left:32px;margin-bottom:9px;z-index:8}.cloud .puff-4{transform:scale(1.3);margin-left:50px;margin-bottom:2px;z-index:7}.cloud-background.theme-light .cloud{background:#f7e7eb}.cloud-background.theme-light .cloud div{background:#fafbf0;box-shadow:inset -2px -3px #f7e7eb}.cloud-background.theme-dark .cloud,.side-clouds-container.theme-dark .cloud{background:#2d2d44}.cloud-background.theme-dark .cloud div,.side-clouds-container.theme-dark .cloud div{background:#3a3a5a;box-shadow:inset -2px -3px #2d2d44}.side-clouds-container.theme-light .cloud{background:#f7e7eb}.side-clouds-container.theme-light .cloud div{background:#fafbf0;box-shadow:inset -2px -3px #f7e7eb}.side-clouds-container .cloud{background:#f7e7eb}.side-clouds-container .cloud div{background:#fafbf0;box-shadow:inset -2px -3px #f7e7eb}.join-request-popup-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease}.join-request-popup{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;background:var(--gradient-primary);border-radius:20px;padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;animation:slideUp .3s ease;border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));position:relative;overflow:hidden}.join-request-popup:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.join-request-popup:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.popup-header{text-align:center;margin-bottom:var(--spacing-lg)}.popup-header{position:relative;z-index:2}.invite-timer{margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:14px;color:var(--white);opacity:.9}.timer-label{font-weight:600}.timer-value{font-weight:800;font-size:16px;color:var(--white);text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3)}.invite-message{font-size:16px;color:var(--white);opacity:.9;margin:0;text-align:center}.popup-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);position:relative;z-index:2}.requester-avatar{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;overflow:hidden;position:relative}.requester-avatar:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.requester-avatar:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.requester-avatar span,.requester-avatar img{position:relative;z-index:2}.requester-avatar img{width:100%;height:100%;object-fit:cover}.requester-name{font-size:20px;font-weight:800;color:var(--white);margin:0;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.popup-actions{display:flex;gap:var(--spacing-md);justify-content:center;position:relative;z-index:2}.popup-actions button{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;padding:var(--spacing-md) var(--spacing-xl);border-radius:20px;font-size:16px;font-weight:800;cursor:pointer;border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));transition:transform .1s ease,box-shadow .1s ease,background .1s ease;min-width:120px;position:relative;overflow:hidden;text-transform:capitalize;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2);box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.popup-actions button:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.popup-actions button:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.popup-actions button>*{position:relative;z-index:2}.popup-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #fff6,inset 0 -2px 4px #0000001a}.popup-actions button:active{transform:translateY(1px);box-shadow:0 2px 10px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #fff3}.btn-decline{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}.btn-decline:hover{background:linear-gradient(180deg,color-mix(in srgb,#ef4444 120%,white),color-mix(in srgb,#dc2626 90%,black))}.btn-accept{background:var(--gradient-primary);color:#fff}.btn-accept:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 120%,var(--white)),color-mix(in srgb,var(--primary-color) 90%,var(--black)))}.game-launch-countdown-overlay{position:fixed!important;inset:0;background:transparent;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease;pointer-events:auto}.countdown-container{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;background-color:#0009;backdrop-filter:blur(11px);border-radius:24px;padding:var(--spacing-2xl);max-width:400px;width:90%;aspect-ratio:25 / 38;box-shadow:0 8px 32px #00000080,inset 0 2px 4px #ffffff1a;animation:slideUp .3s ease;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-container:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.countdown-container:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.countdown-background{position:absolute;inset:0;z-index:0;border-radius:24px}.countdown-display{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%}.countdown-number{font-size:180px;font-weight:900;color:var(--white);text-shadow:-3px -3px 0 rgba(0,0,0,.5),3px -3px 0 rgba(0,0,0,.5),-3px 3px 0 rgba(0,0,0,.5),3px 3px 0 rgba(0,0,0,.5),0px 6px 0 rgba(0,0,0,.3);line-height:1;animation:pulse 1s ease infinite;position:relative;z-index:2}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.95}}.ready-check-overlay{position:fixed!important;inset:0;background:transparent;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease;pointer-events:auto}.ready-check-container{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;background-color:#0009;backdrop-filter:blur(11px);border-radius:24px;padding:var(--spacing-2xl);max-width:600px;width:90%;box-shadow:0 8px 32px #00000080,inset 0 2px 4px #ffffff1a;animation:slideUp .3s ease;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;z-index:2}.ready-check-cancel{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ef4444e6;border:2px solid rgba(220,38,38,.8);color:#fff;font-size:32px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;box-shadow:0 4px 12px #ef444466,inset 0 1px 2px #fff3}.ready-check-cancel:hover{transform:scale(1.1);background:#ef4444;box-shadow:0 6px 16px #ef444480,inset 0 1px 2px #ffffff4d}.ready-check-cancel:active{transform:scale(.95)}.ready-check-background{position:absolute;inset:0;z-index:0;border-radius:24px}.ready-check-container:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.ready-check-container:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.ready-check-players{margin-bottom:var(--spacing-xl);position:relative;z-index:2}.ready-check-container .players-list{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;position:relative!important;top:auto!important;right:auto!important;max-width:none!important}.player-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#fffc;backdrop-filter:blur(11px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d,inset 0 1px 2px #ffffff1a}.player-info{display:flex;align-items:center;gap:var(--spacing-md)}.player-avatar{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;overflow:hidden;position:relative}.player-avatar:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.player-avatar:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.player-avatar span{position:relative;z-index:2}.player-name{color:var(--white);font-weight:600;font-size:clamp(20px,4vw,28px);text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black))}.ready-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;font-weight:700;font-size:14px;--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;border:2px solid;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;position:relative;overflow:hidden;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2);min-width:100px;text-align:center}.ready-status:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.ready-status:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.ready-status>*{position:relative;z-index:2}.ready-status.ready{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border-color:color-mix(in srgb,#16a34a 80%,var(--black))}.ready-status.not-ready{background:linear-gradient(180deg,#ef44444d,#dc26264d);color:#fee2e2;border-color:#ef444480}.ready-check-actions{display:flex;gap:var(--spacing-md);justify-content:center;position:relative;z-index:2}.ready-button{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:20px;font-size:24px;font-weight:800;cursor:pointer;border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));transition:transform .1s ease,box-shadow .1s ease,background .1s ease;min-width:200px;width:100%;max-width:400px;position:relative;overflow:hidden;text-transform:capitalize;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2);box-shadow:0 8px 24px #0006,0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.ready-button:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.ready-button:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.ready-button>*{position:relative;z-index:2}.ready-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #fff6,inset 0 -2px 4px #0000001a}.ready-button:active{transform:translateY(1px);box-shadow:0 2px 10px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #fff3}.ready-button.ready{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border-color:color-mix(in srgb,#16a34a 80%,var(--black))}.ready-button.ready:hover{background:linear-gradient(180deg,color-mix(in srgb,#22c55e 120%,white),color-mix(in srgb,#16a34a 90%,black))}.ready-button.not-ready{background:linear-gradient(180deg,#ef4444e6,#dc2626e6);color:#fee2e2;border-color:#ef444480}.ready-button.not-ready:hover{background:linear-gradient(180deg,#ef444466,#dc262666);opacity:1}.all-ready-message{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#22c55e33;border:2px solid rgba(34,197,94,.4);border-radius:12px;text-align:center;color:#22c55e;font-weight:700;font-size:16px;z-index:2;animation:pulse 1s ease infinite;--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;box-shadow:0 4px 14px color-mix(in srgb,#22c55e 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;position:relative;overflow:hidden}.all-ready-message:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.all-ready-message:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.all-ready-message>*{position:relative;z-index:2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.kicked-popup-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.kicked-popup{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color, #667eea) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;text-align:center;animation:slideUp .3s ease;border:2px solid color-mix(in srgb,var(--primary-color, #667eea) 80%,var(--black, #000));position:relative;overflow:hidden}.kicked-popup:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.kicked-popup:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:8px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.kicked-popup-icon{font-size:64px;margin-bottom:16px;animation:shake .5s ease;position:relative;z-index:2}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.kicked-popup-title{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:2}.kicked-popup-message{margin:0 0 24px;font-size:16px;color:#ffffffe6;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2}.kicked-popup-ok-btn{padding:12px 32px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2}.kicked-popup-ok-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.kicked-popup-ok-btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.kicked-popup{background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}}.cookie-consent-banner{position:fixed;bottom:var(--spacing-xl);left:0;right:0;margin:auto;z-index:999998;width:calc(100% - var(--spacing-2xl));animation:slideUp .4s ease-out forwards}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner-content{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--gradient-primary);color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);border-radius:var(--radius-2xl);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;position:relative;overflow:hidden;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.cookie-consent-banner-content:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.cookie-consent-banner-content:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.cookie-consent-icon{font-size:2.5rem;flex-shrink:0;animation:gentlePulse 2s ease-in-out infinite;position:relative;z-index:2}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cookie-consent-text{flex:1;min-width:250px;position:relative;z-index:2}.cookie-consent-title{font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);color:var(--white);margin:0 0 var(--spacing-xs) 0;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.cookie-consent-description{font-size:var(--font-sm);margin:0;line-height:1.5;color:var(--white);opacity:.95}.cookie-consent-link{color:var(--white);text-decoration:underline;transition:opacity .2s;font-weight:var(--font-weight-bold)}.cookie-consent-link:hover{opacity:.8}.cookie-consent-actions{display:flex;gap:var(--spacing-md);flex-shrink:0;flex-wrap:wrap;position:relative;z-index:2}.cookie-consent-btn{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);border-radius:var(--radius-2xl);border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;position:relative;overflow:hidden;white-space:nowrap;font-family:var(--font-family);text-transform:capitalize;min-width:120px;text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.cookie-consent-btn:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:10px;height:6px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.cookie-consent-btn:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:4px;height:4px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.cookie-consent-btn>*{position:relative;z-index:2}.cookie-consent-btn-primary{background:var(--gradient-rainbow);background-size:200% 200%;animation:rainbow 3s ease infinite}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cookie-consent-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-btn-secondary{background:var(--gradient-primary);opacity:.9}.cookie-consent-btn-secondary:hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--primary-color) 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-btn-secondary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 30%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-btn-reject{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}.cookie-consent-btn-reject:hover{background:linear-gradient(180deg,color-mix(in srgb,#ef4444 120%,white),color-mix(in srgb,#dc2626 90%,black));transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,#ef4444 50%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-btn-reject:active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,#ef4444 30%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.cookie-consent-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease;padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-consent-modal{--d1-top: 4px;--d1-left: 9px;--d1-rot: -24deg;--d2-top: 13px;--d2-left: 5px;background:var(--gradient-primary);border-radius:20px;padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 14px color-mix(in srgb,var(--primary-color) 40%,transparent),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;animation:slideUp .3s ease;border:2px solid color-mix(in srgb,var(--primary-color) 80%,var(--black));position:relative;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-modal:before{content:"";position:absolute;top:var(--d1-top);left:var(--d1-left);width:12px;height:7px;border-radius:50%;background:#fffc;transform:rotate(var(--d1-rot));filter:blur(.5px);pointer-events:none;z-index:1}.cookie-consent-modal:after{content:"";position:absolute;top:var(--d2-top);left:var(--d2-left);width:5px;height:5px;border-radius:50%;background:#fff9;filter:blur(.5px);pointer-events:none;z-index:1}.popup-header{text-align:center;margin-bottom:var(--spacing-lg);position:relative;z-index:2}.popup-header h3{margin:0;font-size:24px;font-weight:800;color:var(--white);text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),0px 3px 0 rgba(0,0,0,.2)}.cookie-consent-modal-content{padding:0;position:relative;z-index:2}.cookie-consent-modal-intro{font-size:var(--font-sm);color:var(--white);margin:0 0 var(--spacing-xl) 0;line-height:1.6;opacity:.95}.cookie-category{padding:var(--spacing-lg) 0;border-bottom:1px solid rgba(255,255,255,.2)}.cookie-category:last-child{border-bottom:none}.cookie-category-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.cookie-category-info{flex:1}.cookie-category-title{font-size:var(--font-base);font-weight:var(--font-weight-extrabold);margin:0 0 var(--spacing-xs) 0;color:var(--white);text-shadow:-1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px -1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),-1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black)),1px 1px 0 color-mix(in srgb,var(--primary-color) 60%,var(--black))}.cookie-category-description{font-size:var(--font-sm);color:var(--white);margin:0;line-height:1.5;opacity:.9}.cookie-toggle{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.cookie-toggle-input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff4d;transition:.3s;border-radius:26px;border:2px solid rgba(255,255,255,.5)}.cookie-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.cookie-toggle-input:checked+.cookie-toggle-slider{background-color:#ffffffe6;border-color:#fff}.cookie-toggle-input:checked+.cookie-toggle-slider:before{transform:translate(24px);background-color:var(--primary-color)}.cookie-toggle-input:disabled+.cookie-toggle-slider{opacity:.5;cursor:not-allowed}.popup-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);position:relative;z-index:2}@media(max-width:768px){.cookie-consent-banner-content{flex-direction:column;text-align:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.cookie-consent-actions{width:100%;flex-direction:column}.cookie-consent-btn{width:100%}.cookie-consent-modal{max-height:95vh}.cookie-category-header{flex-direction:column;gap:var(--spacing-md)}.popup-actions{flex-direction:column}.popup-actions .cookie-consent-btn{width:100%}}.device-admin-required{position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow-y:auto}.device-admin-content{max-width:500px;width:100%;text-align:center;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.device-admin-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.device-admin-content h1{font-size:2rem;margin-bottom:1rem;font-weight:600}.device-admin-content>p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.device-admin-steps{background:#ffffff1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left;backdrop-filter:blur(10px)}.device-admin-steps h2{font-size:1.3rem;margin-bottom:1rem;text-align:center}.device-admin-steps ol{margin:0;padding-left:1.5rem;line-height:2}.device-admin-steps li{margin-bottom:.5rem;font-size:1rem}.device-admin-steps strong{font-weight:600;color:#fff}.device-admin-button{background:#fff;color:#667eea;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px;box-shadow:0 4px 12px #0003}.device-admin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.device-admin-button:active:not(:disabled){transform:translateY(0)}.device-admin-button:disabled{opacity:.6;cursor:not-allowed}.device-admin-note{margin-top:1.5rem;font-size:.9rem;opacity:.8;font-style:italic}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--text-dark: #2d3748;--text-light: #718096;--background-light: #f7fafc;--white: #ffffff;--black: #000000;--blue-primary: #667eea;--blue-secondary: #4ecdc4;--blue-light: #45b7d1;--purple-primary: #764ba2;--purple-light: #8b5fbf;--pink-primary: #f093fb;--pink-secondary: #ff6b6b;--coral: #ff6b6b;--yellow: #feca57;--green: #48bb78;--orange: #ff9f43;--pure-white: #f7fafc;--kid-red: #ff6b6b;--kid-orange: #ff9f43;--kid-yellow: #feca57;--kid-green: #26de81;--kid-blue: #45b7d1;--kid-purple: #a55eea;--kid-pink: #fd79a8;--text-primary: var(--text-dark);--text-secondary: #4a5568;--text-muted: var(--text-light);--text-placeholder: #cbd5e0;--text-inverse: var(--white);--bg-primary: var(--white);--bg-secondary: var(--background-light);--bg-tertiary: #edf2f7;--bg-dark: #1a202c;--bg-overlay: rgba(0, 0, 0, .5);--bg-glass: rgba(255, 255, 255, .1);--bg-white-95: color-mix(in srgb, var(--white) 95%, transparent);--bg-dark-95: color-mix(in srgb, var(--bg-dark) 95%, transparent);--bg-black-05: color-mix(in srgb, var(--black) 5%, transparent);--bg-black-15: color-mix(in srgb, var(--black) 15%, transparent);--bg-primary-10: color-mix(in srgb, var(--primary-color) 10%, transparent);--bg-accent-30: color-mix(in srgb, var(--accent-color) 30%, transparent);--bg-fun: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--accent-color) 100%);--success-color: var(--green);--warning-color: var(--yellow);--error-color: var(--coral);--info-color: var(--blue-secondary);--border-light: #e2e8f0;--border-medium: #cbd5e0;--border-dark: #a0aec0;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-secondary: linear-gradient(135deg, var(--blue-secondary) 0%, var(--green) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, var(--coral) 100%);--gradient-rainbow: linear-gradient(135deg, var(--kid-red) 0%, var(--kid-yellow) 20%, var(--kid-green) 40%, var(--kid-blue) 60%, var(--kid-purple) 80%, var(--kid-pink) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--accent-color) 100%);--gradient-logo: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--gradient-child-icon: linear-gradient(135deg, var(--accent-color) 0%, var(--coral) 100%);--gradient-sunset: linear-gradient(135deg, var(--kid-red) 0%, var(--kid-orange) 50%, var(--kid-yellow) 100%);--gradient-ocean: linear-gradient(135deg, var(--primary-color) 0%, var(--blue-light) 50%, var(--blue-secondary) 100%);--gradient-candy: linear-gradient(135deg, var(--pink-primary) 0%, var(--kid-pink) 50%, var(--kid-red) 100%);--hero-gradient-color: color-mix(in srgb, var(--primary-color) 20%, transparent);--hero-gradient-radial: radial-gradient(circle at 30% 30%, var(--hero-gradient-color) 0%, transparent 70%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 3rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, .3);--shadow-fun: 0 10px 30px rgba(102, 126, 234, .3);--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .875rem;--font-sm: 1rem;--font-base: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--font-5xl: 4rem;--font-6xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-tooltip: 1070}[data-theme=dark]{--text-primary: #f7fafc;--text-secondary: #cbd5e0;--text-muted: #a0aec0;--text-placeholder: #718096;--text-inverse: #2d3748;--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--bg-dark: #1a202c;--bg-overlay: rgba(0, 0, 0, .7);--bg-glass: rgba(255, 255, 255, .05);--bg-dark-95: color-mix(in srgb, var(--bg-dark) 95%, transparent);--bg-black-05: color-mix(in srgb, var(--black) 5%, transparent);--bg-black-15: color-mix(in srgb, var(--black) 15%, transparent);--bg-primary-10: color-mix(in srgb, var(--primary-color) 10%, transparent);--bg-accent-30: color-mix(in srgb, var(--accent-color) 30%, transparent);--bg-fun: linear-gradient(135deg, var(--bg-dark) 0%, color-mix(in srgb, var(--bg-dark) 90%, var(--bg-secondary)) 50%, color-mix(in srgb, var(--bg-dark) 80%, var(--bg-secondary)) 100%);--border-light: #4a5568;--border-medium: #718096;--border-dark: #a0aec0;--shadow-glow: 0 0 20px color-mix(in srgb, var(--primary-color) 40%, transparent);--shadow-glow-accent: 0 0 20px color-mix(in srgb, var(--accent-color) 40%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-base);line-height:1.6;color:var(--text-primary);background:transparent;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:not(:has(.cloud-background)):not([style*=--custom-background]){background:var(--time-based-background, var(--bg-fun))}body:before{content:"";position:fixed;inset:0;background-image:var(--custom-background);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;z-index:-2;opacity:0;transition:opacity .3s}body[style*=--custom-background]:before{opacity:1}body:after{content:"";position:fixed;inset:0;background:linear-gradient(#00000040,#00000040);z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s}body[style*=--custom-background]:after{opacity:1}a{color:var(--primary-color);text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-lg);font-weight:700;border:none;border-radius:var(--radius-2xl);transition:all var(--duration-normal) var(--ease-bounce);text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.btn:hover{transform:translateY(-4px) scale(1.02)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--gradient-rainbow);color:var(--white);box-shadow:var(--shadow-fun)}.btn-primary:hover{box-shadow:0 15px 40px #667eea66}.btn-secondary{background:var(--white);color:var(--text-primary);border:3px solid var(--border-light)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-large{padding:var(--spacing-xl) var(--spacing-3xl);font-size:var(--font-xl);border-radius:var(--radius-3xl)}.card{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);border:3px solid var(--border-light);transition:all var(--duration-normal) var(--ease-bounce)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-fun)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;margin-bottom:var(--spacing-md);font-weight:700;font-size:var(--font-lg);color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-lg);border:3px solid var(--border-medium);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea33}.form-input::placeholder{color:var(--text-placeholder)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.w-full{width:100%}@media(max-width:768px){:root{--font-5xl: 3rem;--font-4xl: 2.5rem;--font-3xl: 2rem}.container{padding:0 var(--spacing-md)}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-lg)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-rainbow);border-radius:var(--radius-full)}