*,:after,:before{box-sizing:border-box}body,html{touch-action:none;-webkit-text-size-adjust:100%;overscroll-behavior-x:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--color-bg,#0b0c10);color:var(--color-text,#e5e7eb);font-family:var(--font-base,system-ui,-apple-system,"Segoe UI",sans-serif);min-height:-webkit-fill-available;line-height:1.5;position:fixed}input,select,textarea{font-size:16px!important}:root{--color-bg:#f7f9fc;--color-surface:#fff;--color-surface-2:#eef2f7;--color-border:#d8dee9;--color-muted:#6b7280;--color-text:#0f172a;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-accent:#e11d48;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-shell-bg:#f7f9fc;--color-shell-header:#fff;--color-card-bg:#fff;--color-card-title:#1e40af;--color-card-text:#475569;--font-base:"Fredoka",cursive,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",SFMono-Regular,Consolas,monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 6px 18px #0000001f;--shadow-lg:0 12px 24px #00000026;--shadow-header:0 2px 5px #0003;--glow-primary:0 0 12px #2563eb4d;--glow-accent:0 0 12px #e11d484d;--glow-success:0 0 12px #16a34a4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55);--z-base:1;--z-overlay:10;--z-modal:100;--z-toast:200}:root,:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-bg:#0b0c10;--color-surface:#111827;--color-surface-2:#1f2937;--color-border:#1f2937;--color-muted:#9ca3af;--color-text:#e5e7eb;--color-primary:#60a5fa;--color-primary-strong:#3b82f6;--color-accent:#f472b6;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--shadow-sm:0 2px 6px #0000003d;--shadow-md:0 6px 18px #00000047;--shadow-lg:0 12px 24px #00000059;--shadow-header:0 2px 5px #0003;--glow-primary:0 0 20px #60a5fa80;--glow-accent:0 0 20px #f472b680;--glow-success:0 0 20px #34d39980;--color-shell-bg:#2c3e50;--color-shell-header:#34495e;--color-card-bg:#34495e;--color-card-title:#3498db;--color-card-text:#bdc3c7}body{color:var(--color-text);font-family:var(--font-base);font-size:var(--text-md)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin:0 0 var(--space-12)}p{color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app{background:var(--color-bg);color:var(--color-text);min-height:100vh}.container{width:min(1200px,100%);margin:0 auto}.card,.container{padding:var(--space-16)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.full-height{height:100vh}.flex-column{flex-direction:column;display:flex}.flex-1{flex:1}.relative{position:relative}.m-0{margin:0!important}.mt-8{margin-top:var(--space-8)!important}.mt-16{margin-top:var(--space-16)!important}.mb-8{margin-bottom:var(--space-8)!important}.mb-16{margin-bottom:var(--space-16)!important}.p-8{padding:var(--space-8)!important}.p-16{padding:var(--space-16)!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.column{flex-direction:column}.text-center{text-align:center!important}.text-muted{color:var(--color-muted)!important}.text-sm{font-size:var(--text-sm)!important}.text-lg{font-size:var(--text-lg)!important}.text-primary{color:var(--color-primary)!important}.text-accent{color:var(--color-accent)!important}.text-success{color:var(--color-success)!important}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a}[data-theme=dark] .glass{background:#0003}.glow-primary{box-shadow:var(--glow-primary)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#0003;border-color:#ffffff1a}.glass--strong{-webkit-backdrop-filter:blur(16px);background:#ffffff26}[data-theme=dark] .glass--strong{background:#0000004d}.glow-primary{box-shadow:var(--glow-primary);transition:box-shadow var(--transition-base)}.glow-primary:hover{box-shadow:var(--glow-primary),var(--shadow-md)}.glow-accent{box-shadow:var(--glow-accent)}.glow-accent,.glow-success{transition:box-shadow var(--transition-base)}.glow-success{box-shadow:var(--glow-success)}.text-glow-primary{text-shadow:0 0 8px var(--color-primary)}.text-glow-accent{text-shadow:0 0 8px var(--color-accent)}[data-theme=light] .text-glow-accent,[data-theme=light] .text-glow-primary{text-shadow:none}.gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff}.gradient-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-danger));color:#fff}.gradient-success{background:linear-gradient(135deg,var(--color-success),#059669);color:#fff}.bg-gradient-subtle{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-surface-2) 100%)}[data-theme=dark] .bg-gradient-subtle{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-surface) 50%,var(--color-surface-2) 100%)}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}.bg-gradient-animated{background:linear-gradient(-45deg,var(--color-primary),var(--color-accent),var(--color-primary-strong),var(--color-primary));background-size:400% 400%;animation:15s infinite gradient-shift}.shadow-glow{box-shadow:var(--shadow-md),var(--glow-primary)}.shadow-glow-accent{box-shadow:var(--shadow-md),var(--glow-accent)}.shadow-layered{box-shadow:var(--shadow-sm),0 4px 12px #0000001a,0 8px 24px #0000000d}[data-theme=dark] .shadow-layered{box-shadow:var(--shadow-sm),0 4px 12px #0000004d,0 8px 24px #0003}.focus-ring{transition:box-shadow var(--transition-fast);outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring-accent:focus-visible{box-shadow:0 0 0 3px var(--color-accent);outline-color:var(--color-accent)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-primary),var(--shadow-md)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.shimmer{background:linear-gradient(90deg,var(--color-surface-2) 0,var(--color-surface) 50%,var(--color-surface-2) 100%);background-size:1000px 100%;animation:2s infinite shimmer}.border-gradient{background-clip:padding-box;border:2px solid #0000;position:relative}.border-gradient:before{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:inherit;content:"";-webkit-mask-composite:xor;z-index:-1;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.border-glow{border:1px solid var(--color-border);box-shadow:0 0 0 1px var(--color-primary);transition:box-shadow var(--transition-base)}.border-glow:hover{box-shadow:0 0 0 2px var(--color-primary),var(--glow-primary)}.backdrop-blur{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px)}.scrollbar-custom::-webkit-scrollbar{width:8px;height:8px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--color-surface-2);border-radius:var(--radius-sm)}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scrollbar-custom{scrollbar-color:var(--color-border) var(--color-surface-2);scrollbar-width:thin}.button--icon{padding:var(--space-8) var(--space-12);align-items:center;gap:6px;display:inline-flex}.button--ghost{border-color:var(--color-border);transition:all var(--transition-base);background:0 0}.button--ghost:hover{background:var(--color-surface-2);border-color:var(--color-primary)}[data-theme=dark] .button--ghost{border-color:var(--color-surface-2)}.button--glow{box-shadow:var(--glow-primary)}.button--glow:hover{box-shadow:var(--glow-primary),var(--shadow-md)}.button--gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;border:none}.button--gradient:hover{background:linear-gradient(135deg,var(--color-primary-strong),var(--color-primary));box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-overlay--fade-out{transition:opacity .5s ease-out,visibility .5s ease-out}.button--primary{--main_color:#f4cf47;--sub_color1:#f4e19c;--sub_color2:#ff8108;--base_color:#000;--border_radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border_radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border_radius3:40px 40px 40px 40px/48px 48px 30px 30px}.button--primary1{--main_color:#4993ff;--sub_color1:#385082;--sub_color2:#fff58f;--sub_color3:#fff;--base_color:#fff;--border_radius1:50px 50px 50px 50px/40px 40px 40px 40px;--border_radius2:60px 60px 50px 50px/40px 40px 40px 40px;--border_radius3:40px 40px 50px 50px/60px 60px 40px 40px}.button--primary2{--main_color:#4d4d4d;--sub_color1:#fff;--sub_color2:#e9b800;--base_color:#e9b800;--border_radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border_radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border_radius3:40px 40px 40px 40px/48px 48px 30px 30px}.button{background:var(--main_color);box-sizing:border-box;border:3px solid #000;border-radius:40px;justify-content:center;align-items:center;width:280px;height:80px;font-family:Fredoka One,cursive;display:flex;position:relative}.button,.button:hover{text-decoration:none}.button:focus,.button:focus-visible{outline-offset:4px;outline:3px solid #fff;box-shadow:0 0 0 6px #0000004d}.button__text{text-decoration:none}.button:before{background:var(--base_color);content:"";z-index:2;width:24px;height:24px;margin:auto 0;transition:all .2s;position:absolute;top:0;bottom:0;right:20px}.button__wrapper{z-index:1;border-radius:40px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.button__wrapper:after,.button__wrapper:before{transition:all .5s}.characterBox{justify-content:space-between;align-items:flex-end;width:180px;height:56px;margin:0 auto;display:flex;position:absolute;top:-54px;left:0;right:0}.button__text{color:var(--base_color);letter-spacing:4px;z-index:3;font-size:32px;transition:all .3s;position:relative}.character{background:var(--main_color);border-radius:var(--border_radius1);box-sizing:border-box;border:3px solid #000;width:56px;height:36px;animation:1s infinite alternate sleep;position:relative}.character:before{clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");content:"";background:#000;width:12px;height:12px;position:absolute;top:-12px;left:22px}.character__face{background:var(--sub_color2);z-index:2;border-radius:50%/78% 78% 22% 22%;width:12px;height:6px;margin:0 auto;transition:all .2s;position:absolute;top:15px;left:0;right:0}.character__face:after,.character__face:before{content:"";background:#000;border-radius:4px;width:8px;height:2px;position:absolute;top:-4px}.character__face:before{left:-5px}.character__face:after{right:-5px}.button--primary1 .character__face:after,.button--primary1 .character__face:before{background:#fff}.button--primary1 .charactor__face2{z-index:1;background:#385082;width:14px;height:10px;margin:auto;animation:1s infinite alternate face_hoo;position:absolute;top:8px;left:0;right:0}.button--primary1 .charactor__face2:after,.button--primary1 .charactor__face2:before{box-sizing:border-box;content:"";background:#000;border:3px solid #385082;border-radius:50%;width:20px;height:10px;position:absolute;top:-1px}.button--primary1 .charactor__face2:before{left:-12px}.button--primary1 .charactor__face2:after{right:-12px}.button--primary1 .charactor__body{margin:0 auto;animation:1s infinite alternate body_hoo;bottom:0;left:0;right:0}.button--primary1 .charactor__body,.button--primary1 .charactor__body:after,.button--primary1 .charactor__body:before{border:7px solid #0000;border-top:2px solid #385082;border-bottom-width:0;width:0;height:0;position:absolute}.button--primary1 .charactor__body:after,.button--primary1 .charactor__body:before{content:"";top:-4px}.button--primary1 .charactor__body:before{left:-17px}.button--primary1 .charactor__body:after{right:-17px}.button--primary2 .charactor__face2{z-index:1;background:#fff;border-radius:50%;width:30px;height:10px;margin:auto;animation:1s infinite alternate face_pen;position:absolute;bottom:0;left:0;right:0}.button--primary2 .charactor__face2:after,.button--primary2 .charactor__face2:before{content:"";background:#fff;border-radius:50%;width:17px;height:10px;position:absolute;top:-8px}.button--primary2 .charactor__face2:before{left:-4px}.button--primary2 .charactor__face2:after{right:-4px}.button--primary:before{clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z")}.button--primary1:before{clip-path:path("M21.93,9.8h-3.33S11.5,.79,11.5,.79c-.74-.94-2.05-1.05-2.92-.26-.88,.79-.99,2.19-.25,3.13l4.84,6.13-11.09-.02C.95,9.73,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l11.09,.02-4.86,6.12c-.74,.93-.63,2.33,.24,3.13,.39,.35,.87,.53,1.34,.53,.59,0,1.17-.27,1.58-.78l7.13-8.99h3.32s0,0,0,0c1.14,0,2.07-.99,2.07-2.22,0-1.23-.93-2.22-2.07-2.22Z")}.button--primary2:before{clip-path:path("M23.36,10.63L6.18,.13c-.93-.57-1.85,.81-1.39,2.06l1.44,3.91c.3,.81,.01,1.81-.6,2.1L.72,10.58c-.96,.47-.96,2.37,0,2.83l4.91,2.38c.62,.3,.9,1.29,.6,2.1l-1.44,3.91c-.46,1.26,.46,2.63,1.39,2.06L23.36,13.37c.86-.53,.86-2.22,0-2.75Z")}.button--primary .button__wrapper:after,.button--primary .button__wrapper:before{background:var(--sub_color1);clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");content:"";width:130px;height:38px;position:absolute;bottom:0}.button--primary .button__wrapper:before{left:0}.button--primary .button__wrapper:after{right:0;transform:rotateY(180deg)}.button--primary1 .button__wrapper:after,.button--primary1 .button__wrapper:before{background:var(--sub_color1);clip-path:path("M75.96,41.27l-42.76,11.17V0H0V100H33.2v-28.75l45.07-23.97c3.38-1.8,1.39-6.98-2.31-6.01Z");content:"";width:80px;height:100px;position:absolute}.button--primary1 .button__wrapper:before{bottom:0;left:6px}.button--primary1 .button__wrapper:after{bottom:-10px;right:8px;transform:rotateY(180deg)}.button--primary2 .button__wrapper:after,.button--primary2 .button__wrapper:before{background:var(--sub_color1);clip-path:path("M9.12,14.14L43.15,.5c1.61-.86,3.57-.59,4.9,.68l19.55,14.31c.42,.4,.76,.89,.99,1.42l3.45,13.09c.89,2.06,3.18,3.09,5.28,2.37l11.76-4.86c1.56-.54,3.29-.11,4.43,1.1l11.93,12.39c.48,.51,.84,1.12,1.03,1.8l3.35,11.62c.8,2.79-1.25,5.58-4.1,5.58H4.27c-2.71,0-4.73-2.54-4.18-5.24L6.92,17.11c.26-1.28,1.07-2.37,2.2-2.97Z");content:"";width:110px;height:60px;position:absolute}.button--primary2 .button__wrapper:before{bottom:-10px;left:-16px}.button--primary2 .button__wrapper:after{bottom:-20px;right:-8px;transform:rotateY(180deg)}.button:focus .button__wrapper:before,.button:hover .button__wrapper:before{transform:translate(-12px)}.button:focus .button__wrapper:after,.button:hover .button__wrapper:after{transform:rotateY(180deg)translate(-12px)}.button:focus .button__text,.button:hover .button__text{letter-spacing:6px}.button:focus:before,.button:hover:before{right:14px}.button:focus .wakeup,.button:hover .wakeup{animation:.2s forwards wakeup}.button:focus .wakeup .character__face,.button:hover .wakeup .character__face{top:20px}.button:focus .wakeup .character__face:after,.button:focus .wakeup .character__face:before,.button:hover .wakeup .character__face:after,.button:hover .wakeup .character__face:before{animation:5s linear infinite eye}.button:focus .wakeup:nth-child(2) .character__face:after,.button:focus .wakeup:nth-child(2) .character__face:before,.button:hover .wakeup:nth-child(2) .character__face:after,.button:hover .wakeup:nth-child(2) .character__face:before{animation:5s linear infinite eye_2}.button--primary1:focus .wakeup .charactor__face2:after,.button--primary1:focus .wakeup .charactor__face2:before,.button--primary1:hover .wakeup .charactor__face2:after,.button--primary1:hover .wakeup .charactor__face2:before{height:20px}.button--primary1:focus .wakeup .charactor__body,.button--primary1:hover .wakeup .charactor__body{border-top:6px solid #385082;animation:.2s forwards body_hoo_wakeup}.button--primary1:focus .wakeup .charactor__body:after,.button--primary1:focus .wakeup .charactor__body:before,.button--primary1:hover .wakeup .charactor__body:after,.button--primary1:hover .wakeup .charactor__body:before{border-top:5px solid #385082;top:-12px}.button--primary2:focus .wakeup .charactor__face2,.button--primary2:hover .wakeup .charactor__face2{animation:.2s forwards face_pen_wakeup}.button--primary2:focus .wakeup .charactor__face2:after,.button--primary2:focus .wakeup .charactor__face2:before,.button--primary2:hover .wakeup .charactor__face2:after,.button--primary2:hover .wakeup .charactor__face2:before{height:18px;top:-12px}@keyframes sleep{0%{border-radius:var(--border_radius1);height:36px}to{border-radius:var(--border_radius2);height:32px}}@keyframes wakeup{0%{border-radius:var(--border_radius2);height:32px}to{border-radius:var(--border_radius3);height:56px}}@keyframes eye{0%{width:6px;height:6px;top:-6px}30%{width:6px;height:6px;top:-6px}32%{width:8px;height:2px;top:-4px}34%{width:6px;height:6px;top:-6px}70%{width:6px;height:6px;top:-6px}72%{width:8px;height:2px;top:-4px}74%{width:6px;height:6px;top:-6px}76%{width:8px;height:2px;top:-4px}78%{width:6px;height:6px;top:-6px}to{width:6px;height:6px;top:-6px}}@keyframes eye_2{0%{width:6px;height:6px;top:-6px}10%{transform:translate(0)}12%{transform:translate(3px)}20%{width:6px;height:6px;top:-6px}22%{width:8px;height:2px;top:-4px}24%{width:6px;height:6px;top:-6px}25%{transform:translate(3px)}27%{transform:translate(0)}74%{width:6px;height:6px;top:-6px;transform:translate(0)}76%{width:8px;height:2px;top:-4px;transform:translate(3px)}78%{width:6px;height:6px;top:-6px}80%{width:8px;height:2px;top:-4px}82%{width:6px;height:6px;top:-6px}85%{transform:translate(3px)}87%{transform:translate(0)}to{width:6px;height:6px;top:-6px;transform:translate(0)}}@keyframes body_hoo{0%{bottom:2px}to{bottom:0}}@keyframes body_hoo_wakeup{0%{bottom:2px}to{bottom:6px}}@keyframes face_pen{0%{height:14px}to{height:10px}}@keyframes face_pen_wakeup{0%{height:14px}to{height:28px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-16);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card--outlined{background:0 0;border-style:dashed}.card--glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-color:#fff3}[data-theme=dark] .card--glass{background:#0003;border-color:#ffffff1a}.card--glow{box-shadow:var(--shadow-sm),var(--glow-primary)}.card--glow:hover{box-shadow:var(--shadow-md),var(--glow-primary)}.card__header{margin-bottom:var(--space-12);justify-content:space-between;align-items:center;font-weight:700;display:flex}.card__body{color:var(--color-text)}.card__footer{gap:var(--space-8);margin-top:var(--space-12);justify-content:flex-end;display:flex}.holding-page-overlay{-webkit-backdrop-filter:blur(20px)saturate(180%);isolation:isolate;pointer-events:auto;z-index:9999;background:#0000004d;height:100%;position:fixed;inset:0}.holding-page-content,.holding-page-overlay{justify-content:center;align-items:center;width:100%;display:flex}.holding-page-content{-webkit-backdrop-filter:blur(10px)saturate(180%);border-radius:var(--radius-lg,14px);gap:var(--space-32,32px);max-width:600px;padding:var(--space-32,32px);text-align:center;background:#ffffff1a;border:1px solid #fff3;flex-direction:column;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3}.holding-page-title{color:var(--color-text,#fff);letter-spacing:-.02em;text-shadow:0 2px 10px #0000004d;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.holding-page-subtitle{color:var(--color-text,#fff);opacity:.9;text-shadow:0 1px 5px #0003;margin:0;font-size:clamp(1rem,2.5vw,1.25rem)}.holding-page-countdown{align-items:center;gap:var(--space-8,8px);margin-top:var(--space-16,16px);flex-wrap:wrap;justify-content:center;display:flex}.countdown-item{-webkit-backdrop-filter:blur(5px);border-radius:var(--radius-md,10px);align-items:center;gap:var(--space-4,4px);min-width:80px;padding:var(--space-16,16px) var(--space-12,12px);background:#ffffff1a;border:1px solid #ffffff26;flex-direction:column;display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff26}.countdown-value{color:var(--color-text,#fff);font-family:var(--font-mono,monospace);text-shadow:0 2px 8px #0000004d;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2}.countdown-label{color:var(--color-text,#fff);letter-spacing:.05em;opacity:.8;text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500}.countdown-separator{color:var(--color-text,#fff);font-family:var(--font-mono,monospace);margin-bottom:var(--space-16,16px);opacity:.6;padding:0 var(--space-4,4px);align-self:flex-end;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.holding-page-share{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md,10px);color:var(--color-text,#fff);cursor:pointer;font-family:var(--font-base,sans-serif);align-items:center;gap:var(--space-8,8px);margin-top:var(--space-16,16px);padding:var(--space-12,12px) var(--space-24,24px);transition:all var(--transition-base,.25s) ease;background:#ffffff26;border:1px solid #fff3;outline:none;justify-content:center;font-size:clamp(.875rem,2vw,1rem);font-weight:600;display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff26}.holding-page-share:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d,inset 0 1px #fff3}.holding-page-share:active{transform:translateY(0);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff26}.holding-page-share:focus-visible{outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.holding-page-share__icon{font-size:1.2em;line-height:1}.holding-page-share__text{line-height:1}.holding-page-share--feedback{background:#34d39933;border-color:#34d39966;animation:.3s ease-out share-feedback-pulse}@keyframes share-feedback-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.holding-page-social{gap:var(--space-16,16px);margin-top:var(--space-8,8px)}.holding-page-social,.holding-page-social__link{justify-content:center;align-items:center;display:flex}.holding-page-social__link{-webkit-backdrop-filter:blur(10px);height:48px;transition:all var(--transition-base,.25s) ease;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:48px;text-decoration:none}.holding-page-social__link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)scale(1.1);box-shadow:0 4px 12px #0000004d}.holding-page-social__link:active{transform:translateY(0)scale(1.05)}.holding-page-social__link:focus-visible{outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.holding-page-social__icon{filter:drop-shadow(0 2px 4px #0003);-o-object-fit:contain;object-fit:contain;height:32px;transition:transform var(--transition-fast,.15s) ease;width:32px}.holding-page-social__link:hover .holding-page-social__icon{transform:scale(1.1)}:root[data-theme=dark] .holding-page-overlay{background:#00000080}:root[data-theme=dark] .countdown-item,:root[data-theme=dark] .holding-page-content{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=light] .holding-page-overlay{background:#ffffff4d}:root[data-theme=light] .holding-page-content{background:#fff3;border-color:#ffffff4d}:root[data-theme=light] .countdown-item{background:#ffffff26;border-color:#ffffff40}@media (width<=480px){.holding-page-content{gap:var(--space-24,24px);padding:var(--space-24,24px) var(--space-16,16px)}.countdown-item{min-width:60px;padding:var(--space-12,12px) var(--space-8,8px)}.countdown-separator{margin-bottom:var(--space-12,12px)}.holding-page-share{padding:var(--space-10,10px) var(--space-20,20px);font-size:.875rem}.holding-page-social__link{width:40px;height:40px}.holding-page-social__icon{width:28px;height:28px}}.holding-page-active .app-shell footer,.holding-page-active .app-shell header,.holding-page-active .app-shell main,.holding-page-active .app-shell>:not(.holding-page-overlay){pointer-events:none!important}@keyframes holding-page-fade-in{0%{opacity:0}to{opacity:1}}.holding-page-overlay{animation:.5s ease-out holding-page-fade-in}.holding-page-content{animation:.6s ease-out .1s both holding-page-fade-in}.menu-wrapper{padding:var(--space-32);z-index:1;position:relative}.menu-controls-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-24);padding:var(--space-24);position:relative;overflow:hidden}.menu-controls-card:before{border-radius:var(--radius-lg);content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000004d 0,#0000001a);position:absolute;inset:0}[data-theme=dark] .menu-controls-card:before{background:linear-gradient(#00000080 0,#0003)}.menu-controls{gap:var(--space-12);z-index:1;flex-direction:column;max-width:100%;display:flex;position:relative}@media (width>=600px){.menu-controls{flex-direction:row;justify-content:space-between;align-items:flex-start}}.menu-search-container{gap:var(--space-8);flex-direction:column;flex:1;display:flex}.menu-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-base);padding:var(--space-12) var(--space-16);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.menu-search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .menu-search{background:#ffffff0d;border-color:#fff3}[data-theme=dark] .menu-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #60a5fa1a}.menu-sort{align-items:center;gap:var(--space-8);display:flex}.menu-sort__label{font-weight:500}.menu-sort__label,.menu-sort__select{color:var(--color-text);font-size:var(--text-sm)}.menu-sort__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-8) var(--space-12);transition:border-color var(--transition-base),box-shadow var(--transition-base);font-family:inherit}.menu-sort__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .menu-sort__select{background:#ffffff0d;border-color:#fff3}[data-theme=dark] .menu-sort__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #60a5fa1a}.menu-legend{gap:var(--space-16);flex-wrap:wrap}.menu-legend,.menu-legend__item{color:var(--color-muted);font-size:var(--text-sm);display:flex}.menu-legend__item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);transition:color var(--transition-base),background-color var(--transition-base);background:0 0;border:none;font-family:inherit}.menu-legend__item:hover{color:var(--color-text);background-color:#0000000d}[data-theme=dark] .menu-legend__item:hover{background-color:#ffffff0d}.menu-legend__item--active{color:var(--color-primary);background-color:#2563eb1a;font-weight:500}[data-theme=dark] .menu-legend__item--active{background-color:#60a5fa26}.menu-legend__item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.menu-legend__icon{font-size:1rem;display:inline-block}.menu-legend__text{font-size:var(--text-sm)}.menu{gap:var(--space-8);grid-template-columns:1fr;display:grid}.menu-section-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;will-change:transform;grid-column:1/-1;width:100%;display:block;transform:translateZ(0)}@media (width<=600px){.menu-section-header{font-size:48px!important}}@media (width>=600px){.menu{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.menu-background-image{backface-visibility:hidden;image-rendering:auto;pointer-events:none;z-index:0;position:fixed}.menu-particles{pointer-events:none;z-index:1;width:100vw;position:fixed;left:0}.menu-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;min-height:300px;padding:var(--space-16) var(--space-20);touch-action:manipulation;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);background-color:#0000001a;border:1px solid #0000001a;flex-direction:column;display:flex;position:relative;overflow:hidden}.menu-card.hover-lift{padding-top:5px}.menu-card:after{border-radius:var(--radius-lg);content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(#0006 0,#0003 50%,#00000080);position:absolute;inset:0}[data-theme=dark] .menu-card:after{opacity:0}[data-theme=dark] .menu-card{background-color:#ffffff1a;border-color:#ffffff26}.menu-card__favorite{border-radius:var(--radius-sm);cursor:pointer;opacity:.4;height:1.5rem;transition:opacity var(--transition-base),transform var(--transition-base);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:2px 6px;line-height:1;display:flex;position:absolute;top:0;right:0}.menu-card:hover .menu-card__favorite{opacity:.6}.menu-card__favorite:hover{transform:scale(1.2);opacity:1!important}.menu-card__favorite:active{transform:scale(.9)}.menu-card__favorite--active{opacity:1!important}.menu-card__favorite:focus{outline:2px solid var(--color-primary);outline-offset:2px}.menu-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background-color:#00000026;transform:translateY(-4px)}.menu-card:hover:after{opacity:0}[data-theme=dark] .menu-card:hover{box-shadow:0 8px 30px #0006,var(--glow-primary);background-color:#ffffff26}[data-theme=dark] .menu-card:hover:after{opacity:0}.menu-card:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-card:before{border-radius:var(--radius-lg);content:"";opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:0;background:linear-gradient(135deg,#0000,#2563eb0d);position:absolute;inset:0}[data-theme=dark] .menu-card:before{background:linear-gradient(135deg,#0000,#60a5fa1a)}.menu-card:hover:before{opacity:1}.menu-card__title{color:#fff;font-size:calc(var(--text-lg)*.6);text-transform:uppercase;z-index:1;margin:0;font-weight:600;position:relative}.menu-card__title-row{padding-right:52px;display:block;position:relative}.menu-card__favorite-star{font-size:.85rem;line-height:1}.menu-card__favorite-count{color:#ffffffe6;letter-spacing:.06em;font-size:.75rem;font-weight:600}.menu-card__description{color:var(--color-card-text);font-size:var(--text-sm);z-index:1;margin:0;line-height:1.5;position:relative}.menu-card__features{gap:var(--space-8);margin-top:var(--space-12);z-index:1;display:flex;position:relative}.menu-card__feature-icon{transition:transform var(--transition-base);font-size:1.25rem;display:inline-block}.menu-card:hover .menu-card__feature-icon{transform:scale(1.1)}.menu__empty{color:var(--color-muted);padding:var(--space-32);text-align:center;grid-column:1/-1}.modal-backdrop{z-index:var(--z-overlay);background:#0009;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-20);width:min(520px,90vw);z-index:var(--z-modal);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal__header{margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:700}.modal__body{margin-bottom:var(--space-16)}.modal__footer{gap:var(--space-8);justify-content:flex-end;display:flex}.game-over-share{justify-content:center;width:100%;display:flex;position:relative}.game-over-share__hearts{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.game-over-share__buttons{pointer-events:auto;z-index:1;position:relative}.game-over-share__heart{transform-origin:50%;will-change:transform,opacity;background:#f44336;border-radius:2px;animation-name:game-over-heart-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:8px;transform:translate(-50%)rotate(45deg)}.game-over-share__heart:after,.game-over-share__heart:before{background:inherit;content:"";border-radius:50%;width:100%;height:100%;position:absolute}.game-over-share__heart:before{top:-50%;left:0}.game-over-share__heart:after{top:0;left:-50%}@keyframes game-over-heart-float{0%{opacity:0;transform:translate(-50%)rotate(45deg)scale(.9)}20%{opacity:.6}to{opacity:0;transform:translate(-50%,calc(var(--heart-rise,70px)*-1)) rotate(45deg) scale(1.1)}}@media (prefers-reduced-motion:reduce){.game-over-share__heart{opacity:0;animation:none}}.game-over-ticker{align-items:center;width:100%;height:40px;margin-top:16px;display:flex;position:relative;overflow:hidden}.game-over-ticker__list{color:#fff;white-space:nowrap;flex-direction:row;align-items:center;height:100%;margin:0;padding:0;font-size:16px;list-style:none;animation:20s linear infinite game-over-ticker-scroll;display:flex;position:absolute;top:0;left:0}.game-over-ticker__list li{margin-right:16px;display:inline-block}@keyframes game-over-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.game-over-ticker__list{animation:none}}.social-share-button{pointer-events:auto;position:relative}.social-share-button:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.app-shell{color:var(--color-text,#fff);font-family:var(--font-base,sans-serif);overscroll-behavior-x:none;touch-action:pan-x pan-y;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100vh;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}.app-shell,:root[data-theme=dark] .app-shell{background-image:url(/backgrounds/wintery-sunburst-2.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .app-shell{background-image:url(/backgrounds/wintery-sunburst-2.svg)}}body.chat-focused .app-shell{width:100%;height:100%;position:fixed;top:0;left:0}@supports (height:100dvh){.app-shell{height:100dvh;min-height:100dvh;max-height:100dvh}}@media (height<=530px){.shell-footer,.shell-header{display:none}.game-view{flex:1;height:100%}}.shell-header{padding:var(--space-16);z-index:var(--z-overlay,10);background:0 0}.shell-header__content{justify-content:center;align-items:center;width:100%;display:flex}.shell-header__content--with-info{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.shell-header__spacer{pointer-events:none;min-width:0}.shell-header__game-info{border-radius:var(--radius-md,8px);color:var(--color-text,#f8fafc);cursor:pointer;font-family:var(--font-base,sans-serif);background:#0f172a73;border:1px solid #ffffff59;grid-column:3;justify-self:end;padding:.4rem .75rem;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s,transform .12s}.shell-header__game-info:hover{background:#0f172aa6;border-color:#ffffff8c}.shell-header__game-info:focus-visible{outline:2px solid var(--color-primary,#38bdf8);outline-offset:2px}.shell-header__game-info:active{transform:scale(.97)}.game-copy-modal-overlay{backdrop-filter:blur(4px);box-sizing:border-box;padding:var(--space-16,1rem);z-index:calc(var(--z-overlay,10) + 50);background:#020617b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-copy-modal__panel{border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md,0 10px 24px #02061773);color:#111827;background:#fff8fcf7;flex-direction:column;width:min(960px,100%);max-height:min(85vh,900px);display:flex;position:relative;overflow:hidden}.game-copy-modal__close{border-radius:var(--radius-sm,6px);color:#0f172ad9;cursor:pointer;z-index:2;background:#0f172a14;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;transition:background .12s;display:flex;position:absolute;top:.5rem;right:.5rem}.game-copy-modal__close:hover{background:#0f172a29}.game-copy-modal__body{-webkit-overflow-scrolling:touch;min-height:0;font-family:Fredoka,var(--font-base,sans-serif);flex:1;padding:2.5rem 1.5rem 1.5rem;line-height:1.65;overflow:auto}.game-copy-inline--in-modal .category-page{box-shadow:none;background:0 0;border:none;max-width:100%;margin:0;padding:0}.game-copy-inline--in-modal .category-page h1,.game-copy-inline--in-modal .category-page h2,.game-copy-inline--in-modal .category-page h3{color:#111827f2}.game-copy-inline--in-modal .category-page h1{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:#111827f2;text-align:center;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.game-copy-inline--in-modal .category-page li,.game-copy-inline--in-modal .category-page p{color:#1e1b18f2;font-size:1.05rem}.game-copy-inline--in-modal .category-page a{color:#0d9488;text-underline-offset:2px;text-decoration:underline}.game-copy-inline--in-modal .category-page__breadcrumb,.game-copy-inline--in-modal .category-page__breadcrumb a{color:#7c3aed;font-size:.95rem}.game-copy-inline--in-modal .category-page__hero{border-radius:12px;overflow:hidden}.game-copy-inline--in-modal .category-page__hero-img{width:100%;height:auto;display:block}.shell-header__logo-link{cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.shell-header__logo-link:hover{opacity:.9;transform:scale(1.05)}.shell-header__logo-link:active{transform:scale(.95)}.shell-header__logo-link:focus-visible{border-radius:var(--radius-md);outline:2px solid var(--color-primary);outline-offset:2px}.shell-header__logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:225px;height:auto;max-height:55px;transition:max-width .2s,max-height .2s}.app-shell--menu .shell-header__logo{max-width:450px;max-height:110px}@media (width<=480px){.shell-header{padding-bottom:var(--space-8);padding-top:var(--space-8)}.shell-header__logo{max-height:auto;max-width:min(168px,40vw)}.app-shell--menu .shell-header__logo{max-height:auto;max-width:min(337px,80vw)}}.game-view{flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.game-view--scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;overflow:hidden auto}.game-view--scrollable.scrollbar-custom{scrollbar-color:var(--color-border) var(--color-surface-2);scrollbar-width:thin}.game-view--scrollable.scrollbar-custom::-webkit-scrollbar{width:10px}.game-view--scrollable.scrollbar-custom::-webkit-scrollbar-track{background:var(--color-surface-2)}.game-view--scrollable.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.game-view--scrollable.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.shell-footer{padding:var(--space-16);z-index:var(--z-overlay,10);background:0 0;flex-shrink:0}.shell-footer__content{align-items:center;gap:var(--space-16);flex-wrap:wrap;justify-content:center;width:100%;min-height:calc(2rem + 6px);display:flex;position:relative}.shell-footer__links{align-items:center;gap:var(--space-16,16px);left:var(--space-16,16px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.shell-footer__link{color:var(--color-text);font-size:var(--text-sm,14px);transition:color var(--transition-fast,.15s) ease;text-decoration:none}.shell-footer__link:hover{color:var(--color-primary,#60a5fa);text-decoration:underline}.shell-footer__link:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__center-links{align-items:center;gap:var(--space-8,8px);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shell-footer__center-link{color:var(--color-text);transition:color var(--transition-fast,.15s) ease;padding:2px;font-size:10px;line-height:1.2;text-decoration:none}.shell-footer__center-link:hover{color:var(--color-primary,#60a5fa);text-decoration:underline}.shell-footer__center-link:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__privacy-link{color:var(--color-text);font-size:var(--text-sm,14px);left:var(--space-16,16px);transition:color var(--transition-fast,.15s) ease;text-decoration:none;position:absolute;top:50%;transform:translateY(-50%)}.shell-footer__privacy-link:hover{color:var(--color-primary,#60a5fa);text-decoration:underline}.shell-footer__privacy-link:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__social{gap:var(--space-12,12px);right:var(--space-16,16px);position:absolute;top:50%;transform:translateY(-50%)}.shell-footer__social,.shell-footer__social-link{justify-content:center;align-items:center;display:flex}.shell-footer__social-link{height:40px;transition:all var(--transition-fast,.15s) ease;background:#ffffff1a;border-radius:50%;width:40px;text-decoration:none}.shell-footer__social-link:hover{background:#fff3;transform:translateY(-2px)scale(1.1)}.shell-footer__social-link:active{transform:translateY(0)scale(1.05)}.shell-footer__social-link:focus-visible{outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__social-icon{-o-object-fit:contain;object-fit:contain;height:28px;transition:transform var(--transition-fast,.15s) ease;width:28px}.shell-footer__social-link:hover .shell-footer__social-icon{transform:scale(1.1)}.shell-footer__fox-button{color:#000;background:#f86212;border:2px solid #000;font-size:20px;font-weight:700;line-height:1;text-decoration:none}.shell-footer__fox-button:hover{color:#000;background:#ff7a2e;text-decoration:none}.shell-footer__fox-button:focus-visible{outline-offset:2px;outline:2px solid #000}.shell-footer__bmc-button{transition:opacity var(--transition-fast);text-decoration:none;display:inline-block}.shell-footer__bmc-button:hover{opacity:.8}.shell-footer__bmc-button img{width:auto;height:auto;max-height:60px;display:block}.shell-footer__add-button{cursor:pointer;text-indent:-9999px;height:48px;transition:background-position var(--transition-fast,.15s) ease;background:url(/icons/icon_sheet_bmc_96x288.png) 0 0/48px 144px no-repeat;border:none;width:48px;margin-top:3px;margin-bottom:3px;padding:0;overflow:hidden}.shell-footer__add-button:hover{background-position:0 -96px}.shell-footer__add-button:active{background-position:0 -48px}.shell-footer__add-button:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__youtube-button{cursor:pointer;text-indent:-9999px;height:48px;transition:background-position var(--transition-fast,.15s) ease;background:url(/icons/icon_sheet_youtube_96x288.png) 0 0/48px 144px no-repeat;border:none;width:48px;margin-top:3px;margin-bottom:3px;padding:0;overflow:hidden}.shell-footer__youtube-button:hover{background-position:0 -96px}.shell-footer__youtube-button:active{background-position:0 -48px}.shell-footer__youtube-button:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__theme-button{cursor:pointer;text-indent:-9999px;height:48px;transition:background-position var(--transition-fast,.15s) ease;background:url(/icons/icon_sheet_theme_96x288.png) 0 0/48px 144px no-repeat;border:none;width:48px;margin-top:3px;margin-bottom:3px;padding:0;overflow:hidden}.shell-footer__theme-button:hover{background-position:0 -96px}.shell-footer__theme-button:active{background-position:0 -48px}.shell-footer__theme-button:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}.shell-footer__stats-button{cursor:pointer;text-indent:-9999px;height:48px;transition:background-position var(--transition-fast,.15s) ease;background:url(/icons/icon_sheet_stats_96x288.png) 0 0/48px 144px no-repeat;border:none;width:48px;margin-top:3px;margin-bottom:3px;padding:0;overflow:hidden}.shell-footer__stats-button:hover{background-position:0 -96px}.shell-footer__stats-button:active{background-position:0 -48px}.shell-footer__stats-button:focus-visible{border-radius:var(--radius-xs,4px);outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}@media (width<=480px){.shell-footer{padding:var(--space-8) var(--space-4,4px)}.shell-footer__privacy-link{font-size:var(--text-xs,12px);left:var(--space-4,4px)}.shell-footer__links{gap:var(--space-8,8px);left:var(--space-4,4px)}.shell-footer__social{gap:var(--space-8,8px);right:var(--space-4,4px)}.shell-footer__social-link{width:36px;height:36px}.shell-footer__social-icon{width:24px;height:24px}.shell-footer__bmc-button{display:none}}@media (width<=480px) and (orientation:portrait) and (aspect-ratio<=9/16){.shell-footer{padding-left:2px;padding-right:2px}.shell-footer__privacy-link{left:2px}.shell-footer__links{gap:4px;left:2px}.shell-footer__social{gap:4px;right:2px}.shell-footer__social-link{width:32px;height:32px}.shell-footer__social-icon{width:20px;height:20px}}.background-color-picker-overlay{backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.background-color-picker-popup{background:var(--color-surface,#fffffff2);border-radius:16px;width:90%;max-width:400px;padding:24px;animation:.2s ease-out popupFadeIn;position:relative;box-shadow:0 8px 32px #0000004d}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.background-color-picker-title{color:var(--color-text,#000);text-align:center;margin:0 0 20px;font-size:20px;font-weight:600}.background-color-picker-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:16px;display:grid}.background-color-picker-option{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.background-color-picker-option:hover{transform:scale(1.1)}.background-color-picker-option:active{transform:scale(.95)}.background-color-picker-option:focus-visible{outline:2px solid var(--color-primary,#60a5fa);outline-offset:4px;border-radius:50%}.background-color-picker-option--selected .background-color-picker-icon{border-color:var(--color-primary,#60a5fa);border-width:3px;box-shadow:0 0 0 2px #60a5fa4d}.background-color-picker-icon{border-radius:50%;width:48px;height:48px;transition:all .2s}.background-color-picker-close{color:var(--color-text,#000);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:12px;right:12px}.background-color-picker-close:hover{background-color:#0000001a}.background-color-picker-close:focus-visible{outline:2px solid var(--color-primary,#60a5fa);outline-offset:2px}@media (width<=480px){.background-color-picker-popup{padding:20px}.background-color-picker-grid{grid-template-columns:repeat(3,1fr);gap:12px}.background-color-picker-icon{width:44px;height:44px}}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-8) var(--space-12);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-2);border-color:var(--color-primary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle__icon{font-size:var(--text-xl,1.25rem);line-height:1;transition:transform .3s;display:inline-block}.theme-toggle:hover .theme-toggle__icon{transform:rotate(15deg)}@media (width<=480px){.theme-toggle{min-width:35px;min-height:35px;padding:calc(var(--space-8)*.8) calc(var(--space-12)*.8)}.theme-toggle__icon{font-size:1rem}}.toast-container{gap:var(--space-8);right:var(--space-16);top:var(--space-16);z-index:var(--z-toast);display:grid;position:fixed}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text);gap:var(--space-4);min-width:240px;padding:var(--space-12) var(--space-16);display:grid}.toast--success{border-color:var(--color-success)}.toast--warning{border-color:var(--color-warning)}.toast--danger{border-color:var(--color-danger)}.toast__title{font-weight:700}.toast__body{color:var(--color-muted);font-size:var(--text-sm)}.tooltip{cursor:help;position:relative}.tooltip__bubble{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text);font-size:var(--text-sm);opacity:0;padding:var(--space-8) var(--space-12);pointer-events:none;transform-origin:bottom;white-space:nowrap;transition:opacity .12s,transform .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:focus-within .tooltip__bubble,.tooltip:hover .tooltip__bubble{opacity:1;transform:translate(-50%,-4px)}.privacy-page{color:var(--color-text);max-width:900px;padding:var(--space-24,24px) var(--space-16,16px);margin:0 auto}.privacy-page__content{background:var(--color-surface,#fff);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md,0 6px 18px #0000001f);padding:var(--space-32,32px)}.privacy-page__title{color:#0000;font-size:var(--text-xl,20px);margin-bottom:var(--space-16,16px);background-image:radial-gradient(circle,#f097f7 51%,#38bdf8f2 92%);background-clip:text;font-weight:700}.privacy-page__meta{border-bottom:1px solid var(--color-border,#d8dee9);color:var(--color-muted,#6b7280);font-size:var(--text-sm,14px);padding-bottom:var(--space-24,24px)}.privacy-page__meta,.privacy-page__section{margin-bottom:var(--space-32,32px)}.privacy-page__section:last-child{margin-bottom:0}.privacy-page__heading{color:var(--color-primary,#2563eb);font-size:var(--text-lg,18px);margin-bottom:var(--space-16,16px);font-weight:600}.privacy-page__section-content{color:var(--color-text);line-height:1.6}.privacy-page__section-content p{margin-bottom:var(--space-12,12px)}.privacy-page__section-content p:last-child{margin-bottom:0}.privacy-page__list{margin:var(--space-16,16px) 0;padding-left:var(--space-24,24px);list-style-type:disc}.privacy-page__list li{margin-bottom:var(--space-8,8px);line-height:1.6}.privacy-page__list li:last-child{margin-bottom:0}.privacy-page__table{border-collapse:collapse;font-size:var(--text-sm,14px);margin:var(--space-16,16px) 0;width:100%}.privacy-page__table thead{background:var(--color-surface-2,#eef2f7)}.privacy-page__table th{border-bottom:2px solid var(--color-border,#d8dee9);color:var(--color-text);padding:var(--space-12,12px);text-align:left;font-weight:600}.privacy-page__table td{border-bottom:1px solid var(--color-border,#d8dee9);padding:var(--space-12,12px);vertical-align:top}.privacy-page__table tbody tr:last-child td{border-bottom:none}.privacy-page__table tbody tr:hover{background:var(--color-surface-2,#eef2f7)}.privacy-page__section-content a{color:var(--color-primary,#2563eb);transition:color var(--transition-fast,.15s) ease;text-decoration:underline}.privacy-page__section-content a:hover{color:var(--color-primary-strong,#1d4ed8)}:root[data-theme=dark] .privacy-page__content{background:var(--color-surface,#111827)}:root[data-theme=dark] .privacy-page__table tbody tr:hover,:root[data-theme=dark] .privacy-page__table thead{background:var(--color-surface-2,#1f2937)}@media (width<=768px){.privacy-page{padding:var(--space-16,16px) var(--space-12,12px)}.privacy-page__content{padding:var(--space-20,20px) var(--space-16,16px)}.privacy-page__table{font-size:var(--text-xs,12px);-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.privacy-page__table td,.privacy-page__table th{min-width:120px;padding:var(--space-8,8px)}}.credits-page{color:var(--color-text);max-width:900px;padding:var(--space-24,24px) var(--space-16,16px);margin:0 auto}.credits-page__content{background:var(--color-surface,#fff);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md,0 6px 18px #0000001f);padding:var(--space-32,32px)}.credits-page__title{color:#0000;font-size:var(--text-xl,20px);background-image:radial-gradient(circle,#f097f7 51%,#38bdf8f2 92%);background-clip:text;font-weight:700}.credits-page__section,.credits-page__title{margin-bottom:var(--space-32,32px)}.credits-page__section:last-child{margin-bottom:0}.credits-page__heading{color:var(--color-primary,#2563eb);font-size:var(--text-lg,18px);margin-bottom:var(--space-16,16px);font-weight:600}.credits-page__section-content{color:var(--color-text);line-height:1.6}.credits-page__section-content p{margin-bottom:var(--space-12,12px)}.credits-page__section-content p:last-child{margin-bottom:0}.credits-page__list{margin:var(--space-16,16px) 0;padding-left:var(--space-24,24px);list-style-type:disc}.credits-page__list li{margin-bottom:var(--space-8,8px);line-height:1.6}.credits-page__list li:last-child{margin-bottom:0}.credits-page__section-content a{color:var(--color-primary,#2563eb);transition:color var(--transition-fast,.15s) ease;text-decoration:underline}.credits-page__section-content a:hover{color:var(--color-primary-strong,#1d4ed8)}:root[data-theme=dark] .credits-page__content{background:var(--color-surface,#111827)}@media (width<=768px){.credits-page{padding:var(--space-16,16px) var(--space-12,12px)}.credits-page__content{padding:var(--space-20,20px) var(--space-16,16px)}}.parents-page{color:var(--color-text);max-width:900px;padding:var(--space-24,24px) var(--space-16,16px);margin:0 auto}.parents-page__content{background:var(--color-surface,#fff);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md,0 6px 18px #0000001f);padding:var(--space-32,32px)}.parents-page__title{color:#0000;font-size:var(--text-xl,20px);margin-bottom:var(--space-12,12px);background-image:radial-gradient(circle,#f097f7 51%,#38bdf8f2 92%);background-clip:text;font-weight:700}.parents-page__intro{color:var(--color-text);margin-bottom:var(--space-24,24px);line-height:1.6}.parents-page__section{margin-bottom:var(--space-32,32px)}.parents-page__section:last-child{margin-bottom:0}.parents-page__heading{color:var(--color-primary,#2563eb);font-size:var(--text-lg,18px);margin-bottom:var(--space-16,16px);font-weight:600}.parents-page__section-content{color:var(--color-text);line-height:1.6}.parents-page__section-content p{margin-bottom:var(--space-12,12px)}.parents-page__section-content p:last-child{margin-bottom:0}.parents-page__list{margin:var(--space-16,16px) 0;padding-left:var(--space-24,24px);list-style-type:disc}.parents-page__list li{margin-bottom:var(--space-8,8px);line-height:1.6}.parents-page__list li:last-child{margin-bottom:0}.parents-page__section-content a{color:var(--color-primary,#2563eb);transition:color var(--transition-fast,.15s) ease;text-decoration:underline}.parents-page__section-content a:hover{color:var(--color-primary-strong,#1d4ed8)}:root[data-theme=dark] .parents-page__content{background:var(--color-surface,#111827)}@media (width<=768px){.parents-page{padding:var(--space-16,16px) var(--space-12,12px)}.parents-page__content{padding:var(--space-20,20px) var(--space-16,16px)}}.swipe-discovery-wrapper{pointer-events:none;width:100%;height:100%;position:relative;opacity:1!important}.swipe-discovery{opacity:1!important}.swipe-discovery__completion,.swipe-discovery__completion *,.swipe-discovery__instruction-link,.swipe-discovery__instructions,.swipe-discovery__instructions *,.swipe-discovery__progress{color:#fff!important;opacity:1!important}.swipe-discovery__video{-o-object-position:center center;object-position:center center;pointer-events:none;transition:opacity .5s ease-in-out;display:block}@media (orientation:portrait) and (aspect-ratio<=1){.swipe-discovery__video{min-width:100%}}@media (orientation:landscape){.swipe-discovery__video{min-height:100%}}.swipe-discovery__card{will-change:transform,opacity}.swipe-discovery__card h3{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transform:translateZ(0)}.swipe-discovery__title-row{justify-content:center;align-items:center;width:100%;padding-right:52px;display:flex;position:relative}.swipe-discovery__favorite-star{font-size:13px;line-height:1}.swipe-discovery__favorite-count{color:#fff;letter-spacing:.08em;text-shadow:0 2px 6px #00000059;text-transform:uppercase;font-size:12px;font-weight:700}.swipe-discovery__card:active{cursor:grabbing}.swipe-discovery__card--fade-in{animation:.4s ease-out forwards card-fade-in}.swipe-discovery__card--demo{transform-origin:50%;animation:3.6s ease-in-out infinite swipe-demo}.swipe-discovery__overlay--demo{animation-duration:3.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.swipe-discovery__overlay--demo-left{animation-name:swipe-overlay-demo-left}.swipe-discovery__overlay--demo-right{animation-name:swipe-overlay-demo-right}@keyframes card-fade-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes swipe-demo{0%{transform:translate(0)rotate(0)}20%{transform:translate(-36px)rotate(-3deg)}40%{transform:translate(0)rotate(0)}60%{transform:translate(36px)rotate(3deg)}80%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes swipe-overlay-demo-left{0%,10%,40%,to{opacity:0}18%,26%{opacity:1}}@keyframes swipe-overlay-demo-right{0%,50%,80%,to{opacity:0}58%,66%{opacity:1}}.menu-discover-button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-sm);align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-16);transition:all var(--transition-base);white-space:nowrap;background:linear-gradient(135deg,#8b5cf6cc,#3b82f6cc);font-weight:600;display:flex;box-shadow:0 2px 8px #8b5cf64d}.menu-discover-button:hover{background:linear-gradient(135deg,#8b5cf6,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.menu-discover-button:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d}.menu-discover-button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}[data-theme=dark] .menu-discover-button{background:linear-gradient(135deg,#8b5cf6e6,#3b82f6e6);box-shadow:0 2px 8px #8b5cf666}[data-theme=dark] .menu-discover-button:hover{box-shadow:0 4px 12px #8b5cf699,var(--glow-primary)}@keyframes swipe-hint-move{0%{transform:translate(-20px)}50%{transform:translate(20px)}to{transform:translate(-20px)}}@keyframes swipe-hint-flash{0%,to{opacity:1;box-shadow:0 0 8px #3b82f699}50%{opacity:.4;box-shadow:0 0 4px #3b82f64d}}.swipe-discovery__hint{user-select:none}.swipe-discovery__hint-arrow{filter:drop-shadow(0 2px 8px #0000004d)}.swipe-discovery__hint-hand,.swipe-discovery__hint-mouse{will-change:transform}.swipe-discovery__hint-mouse-button{will-change:opacity,box-shadow}@media (width<=600px){.menu-discover-button{justify-content:center;width:100%}.swipe-discovery__card h3{font-size:48px!important}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.stats-dashboard{font-family:var(--font-base);min-height:100vh;padding:var(--space-24)}.stats-dashboard__container{max-width:1400px;margin:0 auto}.stats-dashboard__header{align-items:center;gap:var(--space-16);margin-bottom:var(--space-32);flex-wrap:wrap;justify-content:space-between;display:flex}.stats-dashboard__title{color:#0000;background-image:radial-gradient(circle,#f097f7 51%,#38bdf8f2 92%);background-clip:text;margin:0;font-size:clamp(28px,5vw,40px);font-weight:800}.stats-dashboard__subtitle{color:#ffffffb3;font-size:var(--text-sm);margin:var(--space-8) 0 0 0}.stats-dashboard__refresh{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;font-weight:600;display:flex}.stats-dashboard__refresh:hover{background:#ffffff4d;transform:scale(1.05)}.stats-dashboard__section-header{align-items:center;gap:var(--space-12);margin-bottom:var(--space-20);margin-top:var(--space-32);display:flex}.stats-dashboard__section-icon{font-size:24px}.stats-dashboard__section-title{color:#fff;font-size:var(--text-xl);margin:0;font-weight:600}.stats-dashboard__grid{gap:var(--space-20);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.stats-dashboard__grid--wide{gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.stats-card{-webkit-backdrop-filter:blur(20px);cursor:default;gap:var(--space-12);padding:var(--space-24);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}[data-theme=dark] .stats-card{background:#11182799;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}.stats-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px #00000026}[data-theme=dark] .stats-card:hover{box-shadow:0 16px 48px #00000080}.stats-card:before{background:linear-gradient(90deg,var(--accent-color,var(--color-primary)),var(--accent-color-end,var(--color-accent)));content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stats-card--primary:before{--accent-color:var(--color-primary);--accent-color-end:#60a5fa}.stats-card--accent:before{--accent-color:var(--color-accent);--accent-color-end:#f472b6}.stats-card--success:before{--accent-color:var(--color-success);--accent-color-end:#34d399}.stats-card--warning:before{--accent-color:var(--color-warning);--accent-color-end:#fbbf24}.stats-card__header{justify-content:space-between;align-items:center;display:flex}.stats-card__label{color:#0009;font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;font-weight:500}[data-theme=dark] .stats-card__label{color:#fff9}.stats-card__icon{opacity:.7;font-size:24px}.stats-card__value{color:#000000e6;font-family:var(--font-mono);font-size:36px;font-weight:700;line-height:1}[data-theme=dark] .stats-card__value{color:#fffffff2}.stats-card__footer{align-items:center;gap:var(--space-8);justify-content:space-between;display:flex}.stats-card__subtitle{color:#00000080;font-size:13px}[data-theme=dark] .stats-card__subtitle{color:#ffffff80}.stats-card__trend{padding:var(--space-4) var(--space-8);border-radius:6px;font-size:12px;font-weight:600}.stats-card__trend--positive{color:var(--color-success);background:#22c55e26}.stats-card__trend--negative{color:var(--color-danger);background:#ef444426}.funnel-chart{gap:var(--space-16);padding:var(--space-24);flex-direction:column;display:flex}.funnel-chart__title{color:#000c;font-size:var(--text-md);margin:0 0 var(--space-8) 0;font-weight:600}[data-theme=dark] .funnel-chart__title{color:#ffffffd9}.funnel-chart__step{flex-direction:column;gap:6px;display:flex}.funnel-chart__step-header{justify-content:space-between;align-items:center;display:flex}.funnel-chart__step-label{color:#000000b3;font-size:13px}[data-theme=dark] .funnel-chart__step-label{color:#ffffffb3}.funnel-chart__step-value{color:#000000e6;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}[data-theme=dark] .funnel-chart__step-value{color:#fffffff2}.funnel-chart__step-rate{color:var(--color-primary);background:#3b82f626;border-radius:4px;padding:2px 6px;font-size:11px}.funnel-chart__bar{background:#00000014;border-radius:4px;height:8px;overflow:hidden}[data-theme=dark] .funnel-chart__bar{background:#ffffff14}.funnel-chart__bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;height:100%;transition:width .5s ease-out}.per-game-stats{padding:var(--space-24);overflow:hidden}.per-game-stats__title{color:#000c;font-size:var(--text-md);margin:0 0 var(--space-16) 0;font-weight:600}[data-theme=dark] .per-game-stats__title{color:#ffffffd9}.per-game-stats__list{gap:var(--space-12);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.per-game-stats__item{align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-16);transition:background var(--transition-fast);background:#00000008;border-radius:10px;grid-template-columns:1fr auto auto auto;display:grid}[data-theme=dark] .per-game-stats__item{background:#ffffff08}.per-game-stats__item:hover{background:#0000000f}[data-theme=dark] .per-game-stats__item:hover{background:#ffffff0f}.per-game-stats__game-name{color:#000000d9;text-transform:capitalize;font-weight:500}[data-theme=dark] .per-game-stats__game-name{color:#ffffffe6}.per-game-stats__stat{text-align:right}.per-game-stats__stat-value{color:#000000e6;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}[data-theme=dark] .per-game-stats__stat-value{color:#fffffff2}.per-game-stats__stat-value--success{color:var(--color-success)}.per-game-stats__stat-label{color:#00000080;font-size:11px}[data-theme=dark] .per-game-stats__stat-label{color:#ffffff80}.stats-dashboard__empty{color:#00000080;padding:var(--space-20);text-align:center;font-style:italic}[data-theme=dark] .stats-dashboard__empty{color:#ffffff80}.stats-dashboard__error{text-align:center;max-width:400px;margin:40px auto;padding:48px}.stats-dashboard__error-icon{margin-bottom:var(--space-16);font-size:48px}.stats-dashboard__error-title{color:#000000d9;margin:0 0 var(--space-8) 0;font-size:18px;font-weight:600}[data-theme=dark] .stats-dashboard__error-title{color:#ffffffe6}.stats-dashboard__error-message{color:#0009;font-size:var(--text-sm);margin:0 0 var(--space-24) 0}[data-theme=dark] .stats-dashboard__error-message{color:#fff9}@media (width<=768px){.stats-dashboard{padding:var(--space-16)}.stats-dashboard__grid--wide{grid-template-columns:1fr}.per-game-stats__item{gap:var(--space-8);grid-template-columns:1fr 1fr}.per-game-stats__game-name{grid-column:1/-1}}