:root{--color-primary:#ffd93d;--color-primary-dark:#e5c235;--color-primary-light:#fff0a3;--color-secondary:#6bcb77;--color-secondary-dark:#5ab668;--color-secondary-light:#a8e6b0;--color-accent:#4d96ff;--color-accent-dark:#3a7fe5;--color-accent-light:#8fbfff;--color-background:#fff9f0;--color-background-alt:#fff5e6;--color-text:#4e342e;--color-text-light:#7d5a50;--color-text-muted:#a68b7a;--color-white:#fff;--color-cream:#fffdf8;--font-display:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:40px;--radius-pill:100px;--radius-round:50%;--shadow-button:0 6px 0 var(--color-primary-dark);--shadow-button-secondary:0 6px 0 var(--color-secondary-dark);--shadow-button-accent:0 6px 0 var(--color-accent-dark);--shadow-card:0 8px 32px #4e342e14;--shadow-card-hover:0 16px 48px #4e342e1f;--shadow-glow-primary:0 0 40px #ffd93d66;--shadow-glow-secondary:0 0 40px #6bcb7766;--shadow-glow-accent:0 0 40px #4d96ff66;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce:.6s cubic-bezier(.68, -.55, .265, 1.55);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);font-size:16px;font-weight:500;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-display);cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-primary);color:var(--color-text)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background-alt)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-pill);border:3px solid var(--color-background-alt)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{min-height:100vh;position:relative}.nav{z-index:var(--z-sticky);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);transition:var(--transition-base);background:#fff9f0d9;border-bottom:2px solid #4e342e0d;position:fixed;top:0;left:0;right:0}.nav__container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--space-sm);display:flex}.nav__logo-icon{width:48px;height:48px;animation:3s ease-in-out infinite float}.nav__logo-text{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.nav__links{align-items:center;gap:var(--space-xl);display:flex}.nav__link{font-family:var(--font-display);color:var(--color-text-light);transition:var(--transition-fast);font-size:1rem;font-weight:500;position:relative}.nav__link:after{content:"";background:var(--color-primary);border-radius:var(--radius-pill);width:0;height:3px;transition:var(--transition-spring);position:absolute;bottom:-4px;left:0}.nav__link:hover{color:var(--color-text)}.nav__link:hover:after{width:100%}.language-switcher{gap:var(--space-xs);border-radius:var(--radius-pill);background:#4e342e0d;padding:4px;display:flex}.language-switcher__btn{padding:var(--space-xs) var(--space-sm);font-family:var(--font-display);color:var(--color-text-light);border-radius:var(--radius-pill);transition:var(--transition-fast);cursor:pointer;background:0 0;font-size:.8rem;font-weight:600}.language-switcher__btn:hover{color:var(--color-text)}.language-switcher__btn--active{background:var(--color-white);color:var(--color-text);box-shadow:0 2px 4px #0000001a}.nav__cta{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);transition:var(--transition-spring);font-size:.95rem;font-weight:600;transform:translateY(0)}.nav__cta:hover{box-shadow:0 8px 0 var(--color-primary-dark);transform:translateY(-2px)}.nav__cta:active{box-shadow:0 2px 0 var(--color-primary-dark);transform:translateY(4px)}.nav__user{align-items:center;gap:var(--space-md);display:flex}.nav__user-name{font-family:var(--font-display);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.95rem;font-weight:600;overflow:hidden}.nav__cta--logout{background:var(--color-white);border:2px solid var(--color-text);box-shadow:0 4px 0 var(--color-text);padding:var(--space-xs) var(--space-md);font-size:.85rem}.nav__cta--logout:hover{box-shadow:0 6px 0 var(--color-text)}.nav__cta--logout:active{box-shadow:0 2px 0 var(--color-text)}.hero{min-height:100vh;padding:calc(80px + var(--space-3xl)) var(--space-xl) var(--space-3xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero__bg-gradient{background:radial-gradient(80% 50% at 50% 0,#ffd93d26 0%,#0000 50%),radial-gradient(60% 40% at 80% 80%,#6bcb771a 0%,#0000 50%),radial-gradient(50% 30% at 20% 60%,#4d96ff14 0%,#0000 50%);position:absolute;inset:0}.hero__bg-pattern{background-image:radial-gradient(circle at 20% 30%, var(--color-primary-light) 2px, transparent 2px), radial-gradient(circle at 80% 70%, var(--color-secondary-light) 2px, transparent 2px), radial-gradient(circle at 60% 20%, var(--color-accent-light) 1.5px, transparent 1.5px);opacity:.5;background-size:100px 100px,150px 150px,80px 80px;animation:20s linear infinite patternFloat;position:absolute;inset:0}.hero__content{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1200px;display:grid}.hero__text{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInLeft}.hero__badge{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--color-secondary-dark);margin-bottom:var(--space-lg);opacity:0;cursor:default;transition:var(--transition-spring);background:linear-gradient(135deg,#e8fae9 0%,#d4f5d6 100%);border:none;border-radius:20px;padding:6px 18px 6px 14px;font-size:.85rem;font-weight:600;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s forwards badgePop;display:inline-flex;position:relative;transform:scale(.8);box-shadow:0 2px 8px #6bcb7740,0 1px 2px #6bcb7726,inset 0 1px #fffc}.hero__badge:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6bcb7780,#6bcb7733);padding:2px;position:absolute;inset:0;-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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero__badge:hover{transform:scale(1.03)translateY(-1px);box-shadow:0 4px 12px #6bcb7759,0 2px 4px #6bcb7733,inset 0 1px #ffffffe6}.hero__badge-dot{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);border-radius:var(--radius-round);width:10px;height:10px;animation:2.5s ease-in-out infinite badgeDotPulse;position:relative;box-shadow:0 0 0 3px #6bcb7733,0 2px 4px #6bcb774d}.hero__badge-dot:after{content:"";border-radius:inherit;background:var(--color-secondary);opacity:0;animation:2.5s ease-in-out infinite badgeDotRing;position:absolute;inset:-4px}.hero__title{margin-bottom:var(--space-lg);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.hero__title-highlight{color:var(--color-text);display:inline-block;position:relative}.hero__title-highlight:after{content:"";background:var(--color-primary);z-index:-1;border-radius:4px;height:35%;position:absolute;bottom:0;left:-4px;right:-4px;transform:skew(-3deg)}.hero__subtitle{color:var(--color-text-light);margin-bottom:var(--space-2xl);max-width:500px;font-size:1.25rem}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-pill);transition:var(--transition-spring);font-size:1.1rem;font-weight:600;display:inline-flex;transform:translateY(0)}.hero__btn--primary{background:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-button)}.hero__btn--primary:hover{box-shadow:0 9px 0 var(--color-primary-dark);transform:translateY(-3px)}.hero__btn--primary:active{box-shadow:0 2px 0 var(--color-primary-dark);transform:translateY(4px)}.hero__btn--secondary{background:var(--color-white);color:var(--color-text);border:2px solid var(--color-text);box-shadow:0 6px 0 var(--color-text)}.hero__btn--secondary:hover{box-shadow:0 9px 0 var(--color-text);transform:translateY(-3px)}.hero__btn--secondary:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(4px)}.hero__btn-icon{font-size:1.3rem}.hero__visual{opacity:0;justify-content:center;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) .2s forwards slideInRight;display:flex;position:relative}.gindex-tree{width:400px;height:450px;position:relative}.gindex-tree__trunk{background:linear-gradient(90deg,#8b6f47 0%,#a68b5b 50%,#8b6f47 100%);border-radius:8px 8px 20px 20px;width:40px;height:120px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gindex-tree__canopy{background:radial-gradient(ellipse at center, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);border-radius:50% 50% 45% 45%;width:320px;height:320px;animation:4s ease-in-out infinite treeBreath;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:inset 0 -20px 40px #0000001a,0 20px 60px #6bcb774d}.gindex-tree__glow{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);border-radius:var(--radius-round);width:100px;height:100px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gindex-tree__fruit{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);border-radius:var(--radius-round);justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite fruitBob;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #ffd93d80,inset 0 -4px 8px #0000001a}.gindex-tree__score{font-family:var(--font-display);color:var(--color-text);font-size:1.8rem;font-weight:700}.gindex-tree__branch{background:var(--color-secondary-dark);border-radius:var(--radius-pill);position:absolute}.gindex-tree__branch--left{width:80px;height:12px;top:180px;left:60px;transform:rotate(-25deg)}.gindex-tree__branch--right{width:80px;height:12px;top:180px;right:60px;transform:rotate(25deg)}.gindex-tree__flower{border-radius:var(--radius-round);width:24px;height:24px;animation:2s ease-in-out infinite flowerBloom;position:absolute}.gindex-tree__flower--1{background:var(--color-primary);animation-delay:0s;top:60px;left:100px}.gindex-tree__flower--2{background:var(--color-accent-light);animation-delay:.5s;top:100px;right:80px}.gindex-tree__flower--3{background:var(--color-primary-light);animation-delay:1s;top:180px;left:50px}.gindex-tree__flower--4{background:var(--color-accent);animation-delay:1.5s;top:140px;right:50px}.gindex-tree__flower--5{background:var(--color-primary);animation-delay:.3s;top:220px;right:100px}.gindex-tree__leaf{background:var(--color-secondary-light);border-radius:50% 0;width:30px;height:15px;animation:3s ease-in-out infinite leafSway;position:absolute}.gindex-tree__leaf--1{top:80px;left:130px;transform:rotate(-30deg)}.gindex-tree__leaf--2{animation-delay:.5s;top:120px;right:120px;transform:rotate(30deg)}.gindex-tree__leaf--3{animation-delay:1s;top:200px;left:80px;transform:rotate(-45deg)}.hero__particles{pointer-events:none;position:absolute;inset:0}.particle{border-radius:var(--radius-round);animation:8s linear infinite particleFloat;position:absolute}.particle--1{background:var(--color-primary);width:8px;height:8px;animation-delay:0s;top:20%;left:10%}.particle--2{background:var(--color-secondary);width:6px;height:6px;animation-delay:2s;top:60%;left:5%}.particle--3{background:var(--color-accent);width:10px;height:10px;animation-delay:4s;top:40%;right:10%}.particle--4{background:var(--color-primary-light);width:5px;height:5px;animation-delay:1s;top:80%;right:15%}.particle--5{background:var(--color-secondary-light);width:7px;height:7px;animation-delay:3s;top:10%;right:25%}.features{padding:var(--space-4xl) var(--space-xl);position:relative}.features__container{max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:var(--space-4xl)}.features__label{color:var(--color-accent-dark);font-family:var(--font-display);margin-bottom:var(--space-md);cursor:default;transition:var(--transition-spring);background:linear-gradient(135deg,#e3f0ff 0%,#c9e0ff 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 18px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 8px #4d96ff33,0 1px 2px #4d96ff1f,inset 0 1px #ffffffd9}.features__label:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4d96ff66,#4d96ff26);padding:2px;position:absolute;inset:0;-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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.features__label:after{content:"✦";opacity:.7;font-size:.7rem}.features__label:hover{transform:scale(1.03)translateY(-1px);box-shadow:0 4px 12px #4d96ff4d,0 2px 4px #4d96ff2e,inset 0 1px #fffffff2}.features__title{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}.features__subtitle{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.15rem}.features__grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-card);transition:var(--transition-spring);border:3px solid #0000;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--card-accent);transform-origin:0;height:4px;transition:var(--transition-spring);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--card-accent);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card--minigames{--card-accent:var(--color-primary)}.feature-card--marathon{--card-accent:var(--color-secondary)}.feature-card--gindex{--card-accent:var(--color-accent)}.feature-card__icon{border-radius:var(--radius-md);width:72px;height:72px;margin-bottom:var(--space-lg);transition:var(--transition-spring);justify-content:center;align-items:center;font-size:2rem;display:flex}.feature-card:hover .feature-card__icon{transform:scale(1.1)rotate(-5deg)}.feature-card--minigames .feature-card__icon{background:var(--color-primary-light)}.feature-card--marathon .feature-card__icon{background:var(--color-secondary-light)}.feature-card--gindex .feature-card__icon{background:var(--color-accent-light)}.feature-card__title{margin-bottom:var(--space-sm);font-size:1.4rem}.feature-card__description{color:var(--color-text-light);margin-bottom:var(--space-lg);line-height:1.7}.feature-card__list{gap:var(--space-sm);flex-direction:column;display:flex}.feature-card__list-item{align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:.95rem;display:flex}.feature-card__list-icon{border-radius:var(--radius-round);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.feature-card--minigames .feature-card__list-icon{background:var(--color-primary)}.feature-card--marathon .feature-card__list-icon{background:var(--color-secondary)}.feature-card--gindex .feature-card__list-icon{background:var(--color-accent);color:var(--color-white)}.stats{padding:var(--space-4xl) var(--space-xl);background:linear-gradient(135deg, var(--color-text) 0%, #6b4e47 100%);position:relative;overflow:hidden}.stats:before{content:"";background-image:radial-gradient(circle at 20%,#ffd93d1a 0%,#0000 50%),radial-gradient(circle at 80%,#6bcb771a 0%,#0000 50%);position:absolute;inset:0}.stats__container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.stats__grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{text-align:center;padding:var(--space-xl)}.stat-card__value{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--space-sm);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1}.stat-card__label{color:#fffc;font-size:1rem;font-weight:500}.engagement{padding:var(--space-4xl) var(--space-xl);position:relative}.engagement__container{max-width:1200px;margin:0 auto}.engagement__content{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.engagement__visual{position:relative}.engagement__cards{gap:var(--space-lg);flex-direction:column;display:flex}.engagement-card{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-spring);cursor:default;display:flex}.engagement-card:hover{box-shadow:var(--shadow-card-hover);transform:translate(8px)}.engagement-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.engagement-card--trophies .engagement-card__icon{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary))}.engagement-card--daily .engagement-card__icon{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary))}.engagement-card--level .engagement-card__icon{background:linear-gradient(135deg, var(--color-accent-light), var(--color-accent))}.engagement-card__content{flex:1}.engagement-card__title{margin-bottom:var(--space-xs);font-size:1.15rem}.engagement-card__description{color:var(--color-text-light);font-size:.95rem}.engagement__text{padding-left:var(--space-xl)}.engagement__label{color:var(--color-secondary-dark);font-family:var(--font-display);margin-bottom:var(--space-md);cursor:default;transition:var(--transition-spring);background:linear-gradient(135deg,#e8fae9 0%,#d4f5d6 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 18px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 8px #6bcb7733,0 1px 2px #6bcb771f,inset 0 1px #ffffffd9}.engagement__label:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6bcb7766,#6bcb7726);padding:2px;position:absolute;inset:0;-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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.engagement__label:after{content:"⚡";font-size:.75rem}.engagement__label:hover{transform:scale(1.03)translateY(-1px);box-shadow:0 4px 12px #6bcb774d,0 2px 4px #6bcb772e,inset 0 1px #fffffff2}.engagement__title{margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,2.8rem)}.engagement__description{color:var(--color-text-light);margin-bottom:var(--space-xl);font-size:1.15rem;line-height:1.8}.engagement__highlight{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-background-alt);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);display:flex}.engagement__highlight-icon{font-size:2rem}.engagement__highlight-text{font-family:var(--font-display);color:var(--color-text);font-size:1.1rem;font-weight:600}.cta{padding:var(--space-4xl) var(--space-xl);position:relative;overflow:hidden}.cta__bg{background:radial-gradient(ellipse 100% 80% at 50% 100%, var(--color-primary-light) 0%, transparent 60%), radial-gradient(ellipse 80% 60% at 0% 50%, var(--color-secondary-light) 0%, transparent 50%), radial-gradient(ellipse 80% 60% at 100% 50%, var(--color-accent-light) 0%, transparent 50%);opacity:.5;position:absolute;inset:0}.cta__container{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.cta__badge{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-xl);cursor:default;transition:var(--transition-spring);background:linear-gradient(135deg,#fff8dc 0%,#ffefb8 100%);border:none;border-radius:20px;padding:6px 20px;font-size:.9rem;font-weight:600;animation:3s ease-in-out infinite ctaBadgeFloat;display:inline-flex;position:relative;box-shadow:0 2px 8px #ffd93d4d,0 1px 2px #ffd93d33,inset 0 1px #ffffffe6}.cta__badge:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffd93d99,#ff9f434d);padding:2px;position:absolute;inset:0;-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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta__badge:after{content:"";border-radius:var(--radius-pill);opacity:.8;background:linear-gradient(90deg,#0000,#fff9,#0000);height:6px;position:absolute;top:3px;left:12px;right:12px}.cta__badge:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 6px 16px #ffd93d66,0 3px 6px #ffd93d40,inset 0 1px #fff}.cta__title{margin-bottom:var(--space-lg);font-size:clamp(2.2rem,5vw,3.5rem)}.cta__subtitle{color:var(--color-text-light);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem}.cta__button{padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);transition:var(--transition-spring);white-space:nowrap;font-size:1.05rem;font-weight:600;transform:translateY(0)}.cta__button:hover{box-shadow:0 9px 0 var(--color-primary-dark);transform:translateY(-3px)}.cta__button:active{box-shadow:0 2px 0 var(--color-primary-dark);transform:translateY(4px)}.cta__button--large{padding:var(--space-lg) var(--space-3xl);align-items:center;gap:var(--space-sm);font-size:1.25rem;display:inline-flex}.cta__button-icon{font-size:1.4rem}.footer{padding:var(--space-3xl) var(--space-xl) var(--space-xl);background:var(--color-text);color:var(--color-background)}.footer__container{max-width:1200px;margin:0 auto}.footer__top{gap:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid #fff9f01a;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand{max-width:300px}.footer__logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.footer__logo-icon{width:40px;height:40px}.footer__logo-text{font-family:var(--font-display);color:var(--color-background);font-size:1.3rem;font-weight:700}.footer__tagline{color:#fff9f0b3;font-size:.95rem;line-height:1.7}.footer__nav-title{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.footer__nav-list{gap:var(--space-sm);flex-direction:column;display:flex}.footer__nav-link{color:#fff9f0b3;transition:var(--transition-fast);font-size:.95rem}.footer__nav-link:hover{color:var(--color-background);padding-left:var(--space-sm)}.footer__bottom{padding-top:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.footer__copyright{color:#fff9f080;font-size:.9rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes patternFloat{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes badgeDotPulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #6bcb7733,0 2px 4px #6bcb774d}50%{transform:scale(1.15);box-shadow:0 0 0 5px #6bcb7726,0 2px 6px #6bcb7766}}@keyframes badgeDotRing{0%{opacity:.6;transform:scale(.8)}50%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(.8)}}@keyframes ctaBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes treeBreath{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.02)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes fruitBob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}@keyframes flowerBloom{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes leafSway{0%,to{transform:rotate(var(--leaf-rotation,-30deg))}50%{transform:rotate(calc(var(--leaf-rotation,-30deg) + 10deg))}}@keyframes particleFloat{0%{opacity:0;transform:translateY(20px)scale(0)}10%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(-100px)scale(1)}to{opacity:0;transform:translateY(-120px)scale(0)}}@media (max-width:1024px){.hero__content{text-align:center;gap:var(--space-3xl);grid-template-columns:1fr}.hero__text{order:1}.hero__visual{order:0}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.features__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.stats__grid{grid-template-columns:repeat(2,1fr)}.engagement__content{gap:var(--space-3xl);grid-template-columns:1fr}.engagement__text{text-align:center;padding-left:0}.footer__top{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav__links{display:none}.gindex-tree{width:300px;height:350px}.gindex-tree__canopy{width:240px;height:240px}.stats__grid{grid-template-columns:1fr 1fr}.cta__form{flex-direction:column}.footer__top{text-align:center;grid-template-columns:1fr}.footer__brand{max-width:none}.footer__bottom{gap:var(--space-lg);flex-direction:column}}@media (max-width:480px){.hero__actions{flex-direction:column;width:100%}.hero__btn{justify-content:center;width:100%}.gindex-tree{width:260px;height:300px}.gindex-tree__canopy{width:200px;height:200px}.gindex-tree__fruit{width:60px;height:60px}.gindex-tree__score{font-size:1.4rem}}.auth-page{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.auth-page__bg-gradient{background:radial-gradient(120% 80% at 20% 100%,#6bcb7733 0%,#0000 50%),radial-gradient(100% 60% at 80% 0,#ffd93d26 0%,#0000 50%),radial-gradient(80% 50%,#4d96ff14 0%,#0000 60%);position:absolute;inset:0}.auth-page__bg-pattern{background-image:radial-gradient(circle at 15% 25%, var(--color-primary-light) 3px, transparent 3px), radial-gradient(circle at 85% 75%, var(--color-secondary-light) 2px, transparent 2px), radial-gradient(circle at 45% 85%, var(--color-accent-light) 2px, transparent 2px), radial-gradient(circle at 75% 15%, var(--color-primary-light) 2px, transparent 2px);opacity:.6;background-size:120px 120px,180px 180px,100px 100px,150px 150px;animation:30s linear infinite authPatternFloat;position:absolute;inset:0}@keyframes authPatternFloat{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.auth-page__orbs{pointer-events:none;position:absolute;inset:0}.auth-page__orb{border-radius:var(--radius-round);filter:blur(60px);opacity:.5;animation:12s ease-in-out infinite orbFloat;position:absolute}.auth-page__orb--1{background:var(--color-primary);width:300px;height:300px;animation-delay:0s;top:-100px;right:10%}.auth-page__orb--2{background:var(--color-secondary);width:250px;height:250px;animation-delay:4s;bottom:-50px;left:5%}.auth-page__orb--3{background:var(--color-accent);width:200px;height:200px;animation-delay:8s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-20px)scale(1.05)}50%{transform:translate(-10px,10px)scale(.95)}75%{transform:translate(-20px,-10px)scale(1.02)}}.auth-page__petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-page__petal{background:var(--color-primary);opacity:0;border-radius:50% 0 50% 50%;width:20px;height:20px;animation:15s linear infinite petalFall;position:absolute}.auth-page__petal--1{background:var(--color-primary);animation-delay:0s;left:5%}.auth-page__petal--2{background:var(--color-secondary-light);width:16px;height:16px;animation-delay:1.2s;left:15%}.auth-page__petal--3{background:var(--color-accent-light);animation-delay:2.4s;left:25%}.auth-page__petal--4{background:var(--color-primary-light);width:18px;height:18px;animation-delay:3.6s;left:35%}.auth-page__petal--5{background:var(--color-secondary);animation-delay:4.8s;left:45%}.auth-page__petal--6{background:var(--color-primary);width:14px;height:14px;animation-delay:6s;left:55%}.auth-page__petal--7{background:var(--color-accent-light);animation-delay:7.2s;left:65%}.auth-page__petal--8{background:var(--color-secondary-light);width:22px;height:22px;animation-delay:8.4s;left:75%}.auth-page__petal--9{background:var(--color-primary-light);animation-delay:9.6s;left:85%}.auth-page__petal--10{background:var(--color-secondary);width:16px;height:16px;animation-delay:10.8s;left:92%}.auth-page__petal--11{background:var(--color-accent);animation-delay:12s;left:10%}.auth-page__petal--12{background:var(--color-primary);width:18px;height:18px;animation-delay:13.2s;left:70%}@keyframes petalFall{0%{opacity:0;transform:translateY(-100px)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(calc(100vh + 100px))rotate(720deg)}}.auth-page__header{padding:var(--space-xl);z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.auth-page__logo-link{align-items:center;gap:var(--space-sm);transition:var(--transition-spring);display:flex}.auth-page__logo-link:hover{transform:scale(1.05)}.auth-page__logo-icon{width:48px;height:48px;animation:3s ease-in-out infinite float}.auth-page__logo-text{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.auth-card{z-index:10;background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-2xl);opacity:0;border:3px solid #4e342e0d;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardPop;position:relative;transform:scale(.9)translateY(20px);box-shadow:0 4px 6px #4e342e08,0 12px 24px #4e342e0f,0 24px 48px #4e342e14}@keyframes cardPop{to{opacity:1;transform:scale(1)translateY(0)}}.auth-card__header{text-align:center;margin-bottom:var(--space-xl)}.auth-card__icon{width:72px;height:72px;margin:0 auto var(--space-lg);background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 0 var(--color-primary-dark);opacity:0;justify-content:center;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s forwards iconBounce;display:flex;transform:translateY(10px)}@keyframes iconBounce{to{opacity:1;transform:translateY(0)}}.auth-card__icon svg{width:32px;height:32px;color:var(--color-text)}.auth-card__title{color:var(--color-text);margin-bottom:var(--space-xs);font-size:1.75rem}.auth-card__subtitle{color:var(--color-text-light);font-size:1rem}.auth-card__google-btn{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-white);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--color-text);cursor:pointer;transition:var(--transition-spring);border:2px solid #4e342e26;font-size:1rem;font-weight:600;display:flex;transform:translateY(0);box-shadow:0 4px #4e342e1a}.auth-card__google-btn:hover:not(:disabled){border-color:#4e342e40;transform:translateY(-2px);box-shadow:0 6px #4e342e1f}.auth-card__google-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #4e342e1a}.auth-card__google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-card__google-icon{width:24px;height:24px}.auth-card__divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(90deg,#0000,#4e342e1a,#0000);flex:1;height:2px}.auth-card__divider span{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.auth-card__form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-card__field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-card__label{font-family:var(--font-display);color:var(--color-text);padding-left:var(--space-sm);font-size:.9rem;font-weight:600}.auth-card__input-wrapper{align-items:center;display:flex;position:relative}.auth-card__input-icon{left:var(--space-md);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;transition:var(--transition-fast);position:absolute}.auth-card__input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 28px);font-family:var(--font-body);color:var(--color-text);background:var(--color-background);border-radius:var(--radius-md);transition:var(--transition-fast);border:2px solid #4e342e1a;outline:none;font-size:1rem}.auth-card__input::placeholder{color:var(--color-text-muted)}.auth-card__input:hover:not(:disabled){border-color:#4e342e33}.auth-card__input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 4px #ffd93d33}.auth-card__input:focus+.auth-card__input-icon{color:var(--color-primary-dark)}.auth-card__input-wrapper:has(.auth-card__input:focus) .auth-card__input-icon{color:var(--color-primary-dark)}.auth-card__input:disabled{opacity:.6;cursor:not-allowed}.auth-card__error{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:2px solid #ef9a9a;animation:.5s cubic-bezier(.36,.07,.19,.97) errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.auth-card__error svg{color:#c62828;flex-shrink:0;width:20px;height:20px}.auth-card__error span{color:#c62828;font-size:.9rem;font-weight:500}.auth-card__success{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:2px solid #81c784;animation:.5s cubic-bezier(.34,1.56,.64,1) successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-card__success svg{color:#2e7d32;flex-shrink:0;width:20px;height:20px}.auth-card__success span{color:#2e7d32;font-size:.9rem;font-weight:500}.auth-card__forgot-link{margin-top:calc(var(--space-xs) * -1);justify-content:flex-end;display:flex}.auth-card__submit-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-xl);margin-top:var(--space-sm);background:var(--color-primary);color:var(--color-text);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);box-shadow:0 6px 0 var(--color-primary-dark);border:none;font-size:1.1rem;font-weight:600;display:flex;transform:translateY(0)}.auth-card__submit-btn:hover:not(:disabled){box-shadow:0 9px 0 var(--color-primary-dark);transform:translateY(-3px)}.auth-card__submit-btn:active:not(:disabled){box-shadow:0 3px 0 var(--color-primary-dark);transform:translateY(3px)}.auth-card__submit-btn:disabled{cursor:not-allowed}.auth-card__submit-btn svg{width:20px;height:20px;transition:var(--transition-fast)}.auth-card__submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.auth-card__spinner{border:3px solid #4e342e33;border-top-color:var(--color-text);border-radius:var(--radius-round);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-card__footer{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid #4e342e0d;display:flex}.auth-card__footer span{color:var(--color-text-light);font-size:.95rem}.auth-card__switch-btn{font-family:var(--font-display);color:var(--color-accent);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:.95rem;font-weight:600;position:relative}.auth-card__switch-btn:after{content:"";background:var(--color-accent);border-radius:var(--radius-pill);width:0;height:2px;transition:var(--transition-spring);position:absolute;bottom:-2px;left:0}.auth-card__switch-btn:hover:after{width:100%}.auth-card__switch-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page__tree{z-index:5;opacity:.6;pointer-events:none;width:280px;height:320px;position:fixed;bottom:-40px;right:-60px}.auth-page__tree-trunk{background:linear-gradient(90deg,#8b6f47 0%,#a68b5b 50%,#8b6f47 100%);border-radius:8px 8px 16px 16px;width:30px;height:80px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.auth-page__tree-canopy{background:radial-gradient(ellipse at center, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);border-radius:50% 50% 45% 45%;width:220px;height:220px;animation:5s ease-in-out infinite treeBreath;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:inset 0 -15px 30px #0000001a,0 15px 40px #6bcb774d}.auth-page__tree-glow{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);border-radius:var(--radius-round);width:60px;height:60px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-page__tree-flowers{position:absolute;inset:0}.auth-page__tree-flower{border-radius:var(--radius-round);width:16px;height:16px;animation:2.5s ease-in-out infinite flowerBloom;position:absolute}.auth-page__tree-flower--1{background:var(--color-primary);animation-delay:0s;top:80px;left:60px}.auth-page__tree-flower--2{background:var(--color-accent-light);animation-delay:.8s;top:120px;right:50px}.auth-page__tree-flower--3{background:var(--color-primary-light);animation-delay:1.6s;top:160px;left:80px}@media (max-width:768px){.auth-page{padding:var(--space-lg);padding-top:calc(80px + var(--space-lg))}.auth-page__header{padding:var(--space-lg)}.auth-page__logo-icon{width:40px;height:40px}.auth-page__logo-text{font-size:1.25rem}.auth-card{padding:var(--space-xl)}.auth-card__icon{width:60px;height:60px;box-shadow:0 6px 0 var(--color-primary-dark)}.auth-card__icon svg{width:28px;height:28px}.auth-card__title{font-size:1.5rem}.auth-page__tree{display:none}}@media (max-width:480px){.auth-page{padding:var(--space-md);padding-top:calc(72px + var(--space-md))}.auth-page__header{padding:var(--space-md)}.auth-card{padding:var(--space-lg);border-radius:var(--radius-lg)}.auth-card__google-btn{padding:var(--space-sm) var(--space-md);font-size:.9rem}.auth-card__submit-btn{padding:var(--space-sm) var(--space-lg);font-size:1rem}}.premium-badge{color:#1a1a2e;white-space:nowrap;background:linear-gradient(135deg,gold,orange);border-radius:20px;align-items:center;gap:4px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ffd7004d}.premium-badge--medium{padding:4px 12px;font-size:.75rem}.premium-badge--small{padding:2px 8px;font-size:.65rem}.premium-badge__crown{font-size:.8em;line-height:1}.premium-badge__text{letter-spacing:.5px;text-transform:uppercase}.game-hub{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.game-hub__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.game-hub__bg-gradient{background:radial-gradient(120% 80% at 50% -20%,#ffd93d1f 0%,#0000 50%),radial-gradient(80% 60% at 0%,#6bcb7714 0%,#0000 50%),radial-gradient(80% 60% at 100% 80%,#4d96ff14 0%,#0000 50%),radial-gradient(60% 40% at 50% 100%,#ffd93d0f 0%,#0000 40%);position:absolute;inset:0}.game-hub__bg-orbs{position:absolute;inset:0}.bg-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb--1{background:var(--color-primary);width:400px;height:400px;animation-delay:0s;top:-10%;left:20%}.bg-orb--2{background:var(--color-secondary);width:300px;height:300px;animation-delay:-7s;bottom:10%;right:10%}.bg-orb--3{background:var(--color-accent);width:250px;height:250px;animation-delay:-14s;top:40%;right:30%}.game-hub__bg-grid{background-image:linear-gradient(#4e342e05 1px,#0000 1px),linear-gradient(90deg,#4e342e05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60%,#000 20%,#0000 70%)}.game-hub__particles{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hub-particle{border-radius:50%;animation:15s ease-in-out infinite hubParticleFloat;position:absolute}.hub-particle--1{background:var(--color-primary);width:6px;height:6px;animation-delay:0s;top:15%;left:8%}.hub-particle--2{background:var(--color-secondary);width:4px;height:4px;animation-delay:-2s;top:25%;left:15%}.hub-particle--3{background:var(--color-accent);width:8px;height:8px;animation-delay:-4s;top:45%;left:5%}.hub-particle--4{background:var(--color-primary-light);width:5px;height:5px;animation-delay:-6s;top:65%;left:12%}.hub-particle--5{background:var(--color-secondary-light);width:7px;height:7px;animation-delay:-8s;top:80%;left:8%}.hub-particle--6{background:var(--color-primary);width:4px;height:4px;animation-delay:-1s;top:20%;right:10%}.hub-particle--7{background:var(--color-secondary);width:6px;height:6px;animation-delay:-3s;top:35%;right:5%}.hub-particle--8{background:var(--color-accent-light);width:5px;height:5px;animation-delay:-5s;top:55%;right:12%}.hub-particle--9{background:var(--color-primary);width:8px;height:8px;animation-delay:-7s;top:70%;right:8%}.hub-particle--10{background:var(--color-secondary);width:4px;height:4px;animation-delay:-9s;top:85%;right:15%}.hub-particle--11{background:var(--color-accent);width:6px;height:6px;animation-delay:-10s;top:10%;left:45%}.hub-particle--12{background:var(--color-primary-light);width:5px;height:5px;animation-delay:-12s;top:90%;left:55%}.game-hub__header{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0b3;border-bottom:2px solid #4e342e0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.game-hub__logo{align-items:center;gap:var(--space-sm);display:flex}.game-hub__logo-icon{width:40px;height:40px;animation:3s ease-in-out infinite logoFloat}.game-hub__logo-text{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700}.game-hub__actions{align-items:center;gap:var(--space-md);display:flex}.game-hub__logout{padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);transition:var(--transition-spring);cursor:pointer;font-size:.85rem;font-weight:600}.game-hub__logout:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.game-hub__logout:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.game-hub__main{z-index:5;padding:var(--space-xl) var(--space-xl) var(--space-2xl);align-items:center;gap:var(--space-2xl);flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.player-banner{justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-lg) var(--space-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-spring);border:3px solid #0000;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both bannerSlideDown;display:flex}.player-banner:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary);transform:translateY(-4px)}.player-banner__left{align-items:center;gap:var(--space-lg);flex:1;min-width:0;display:flex}.player-banner__avatar{flex-shrink:0;width:64px;height:64px;position:relative}.player-banner__ring{width:100%;height:100%;color:var(--color-text);position:absolute;inset:0}.player-banner__progress{filter:drop-shadow(0 0 4px #6bcb7766);transition:stroke-dasharray 1s cubic-bezier(.34,1.56,.64,1)}.player-banner__avatar-inner{background:linear-gradient(145deg, var(--color-white) 0%, #fff8f0 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:7px;overflow:hidden;box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -2px 6px #4e342e0f,0 2px 8px #4e342e14}.player-banner__avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%}.player-banner__level{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);width:24px;height:24px;font-family:var(--font-display);color:var(--color-white);box-shadow:0 2px 0 var(--color-secondary-dark);border:2px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:-3px;right:-3px}.player-banner__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.player-banner__greeting{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.player-banner__name{font-family:var(--font-display);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1.3;overflow:hidden}.player-banner__xp{flex-direction:column;gap:3px;margin-top:4px;display:flex}.player-banner__xp-bar{border-radius:var(--radius-pill);background:#4e342e14;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #4e342e14}.player-banner__xp-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light));border-radius:var(--radius-pill);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.player-banner__xp-fill:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(#fff6,#0000);height:50%;position:absolute;top:0;left:0;right:0}.player-banner__xp-text{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.player-banner__right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.player-banner__stat{padding:var(--space-sm) var(--space-md);background:var(--color-background);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;display:flex}.player-banner__stat-icon{font-size:1.1rem}.player-banner__stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:500}.player-banner__stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.1rem;font-weight:700;line-height:1}.player-banner__stat-value--rank{color:var(--color-accent)}.player-banner__arrow{width:20px;height:20px;color:var(--color-text-muted);transition:var(--transition-spring);flex-shrink:0}.player-banner:hover .player-banner__arrow{color:var(--color-primary-dark);transform:translate(3px)}.marathon-portal{justify-content:center;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) both portalAppear;display:flex;position:relative}.marathon-portal__glow{pointer-events:none;background:radial-gradient(circle,#ffd93d4d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite portalGlow;position:absolute}.marathon-portal__ring{pointer-events:none;border:3px solid #0000;border-radius:50%;position:absolute}.marathon-portal__ring--outer{border-color:#ffd93d26;width:320px;height:320px;animation:30s linear infinite ringRotate}.marathon-portal__ring--middle{border-style:dashed;border-color:#6bcb771f;width:280px;height:280px;animation:25s linear infinite reverse ringRotate}.marathon-portal__ring--inner{border-color:#4d96ff1a;width:240px;height:240px;animation:20s linear infinite ringRotate}.marathon-portal__button{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-2xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-xl);transition:var(--transition-spring);cursor:pointer;min-width:340px;display:flex;position:relative;box-shadow:0 8px #c9a82e,0 12px 40px #ffd93d66,inset 0 2px #ffffff4d}.marathon-portal__button:hover{transform:translateY(-4px);box-shadow:0 12px #c9a82e,0 20px 60px #ffd93d80,inset 0 2px #ffffff4d}.marathon-portal__button:active{transform:translateY(4px);box-shadow:0 4px #c9a82e,0 8px 30px #ffd93d4d,inset 0 2px #ffffff4d}.marathon-portal__icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-text);background:#ffffff4d;justify-content:center;align-items:center;display:flex}.marathon-portal__icon svg{width:32px;height:32px}.marathon-portal__content{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.marathon-portal__label{font-family:var(--font-display);color:var(--color-text);opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.marathon-portal__title{font-family:var(--font-display);color:var(--color-text);font-size:1.3rem;font-weight:700}.marathon-portal__score{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fff6;flex-direction:column;align-items:center;margin-left:auto;display:flex}.marathon-portal__score-label{color:var(--color-text);opacity:.7;text-transform:uppercase;font-size:.7rem;font-weight:600}.marathon-portal__score-value{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.marathon-portal__particles{pointer-events:none;position:absolute;inset:-40px}.portal-particle{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite portalParticle;position:absolute}.portal-particle--1{animation-delay:0s;top:10%;left:20%}.portal-particle--2{background:var(--color-secondary);animation-delay:-.75s;top:20%;right:15%}.portal-particle--3{animation-delay:-1.5s;top:50%;left:5%}.portal-particle--4{background:var(--color-accent);animation-delay:-2.25s;top:70%;right:10%}.portal-particle--5{background:var(--color-secondary);animation-delay:-3s;bottom:15%;left:25%}.portal-particle--6{animation-delay:-3.75s;bottom:25%;right:20%}.portal-particle--7{background:var(--color-accent);animation-delay:-4.5s;top:35%;left:10%}.portal-particle--8{background:var(--color-secondary);animation-delay:-5.25s;bottom:40%;right:5%}.hub-menu{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both menuSlideUp;display:grid}.hub-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:var(--transition-spring);border:3px solid #0000;position:relative;overflow:hidden}.hub-card__glow{background:radial-gradient(circle at center, var(--card-glow) 0%, transparent 50%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.hub-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.hub-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--card-accent);transform:translateY(-8px)}.hub-card:hover .hub-card__glow{opacity:.15}.hub-card--training{--card-glow:var(--color-secondary);--card-accent:var(--color-secondary)}.hub-card--community{--card-glow:var(--color-accent);--card-accent:var(--color-accent)}.hub-card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.hub-card__icon{border-radius:var(--radius-md);width:48px;height:48px;transition:var(--transition-spring);justify-content:center;align-items:center;display:flex}.hub-card:hover .hub-card__icon{transform:scale(1.1)rotate(-5deg)}.hub-card__icon svg{width:26px;height:26px}.hub-card__icon--training{background:var(--color-secondary-light);color:var(--color-text)}.hub-card__icon--community{background:var(--color-accent-light);color:var(--color-accent-dark)}.hub-card__badge{font-family:var(--font-display);color:var(--color-text);background:var(--color-background-alt);border-radius:var(--radius-pill);padding:4px 12px;font-size:.75rem;font-weight:600}.hub-card__badge--live{color:var(--color-secondary-dark);background:linear-gradient(135deg,#e8fae9,#d4f5d6);animation:2s ease-in-out infinite livePulse}.hub-card__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700}.hub-card__desc{color:var(--color-text-light);margin-bottom:var(--space-md);font-size:.9rem;line-height:1.5}.hub-card__cta{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-white);background:var(--card-accent);border-radius:var(--radius-pill);box-shadow:0 4px 0 color-mix(in srgb, var(--card-accent) 80%, black);transition:var(--transition-spring);cursor:pointer;margin-top:var(--space-md);font-size:.85rem;font-weight:600;display:inline-flex}.hub-card__cta:hover{box-shadow:0 6px 0 color-mix(in srgb, var(--card-accent) 80%, black);transform:translateY(-2px)}.hub-card__cta:active{box-shadow:0 2px 0 color-mix(in srgb, var(--card-accent) 80%, black);transform:translateY(2px)}.training-preview{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.training-preview__icons{gap:var(--space-sm);display:flex}.training-preview__icon{background:var(--color-white);border-radius:var(--radius-sm);width:36px;height:36px;transition:var(--transition-spring);justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 2px 4px #4e342e0f}.hub-card--training:hover .training-preview__icon:first-child{transition-delay:0s;transform:translateY(-3px)rotate(-4deg)}.hub-card--training:hover .training-preview__icon:nth-child(2){transition-delay:30ms;transform:translateY(-4px)rotate(3deg)}.hub-card--training:hover .training-preview__icon:nth-child(3){transition-delay:60ms;transform:translateY(-3px)rotate(-2deg)}.hub-card--training:hover .training-preview__icon:nth-child(4){transition-delay:90ms;transform:translateY(-4px)rotate(4deg)}.training-preview__count{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.community-rank{margin-bottom:var(--space-sm)}.community-rank__leaderboard{width:100%}.leaderboard-preview{flex-direction:column;gap:4px;display:flex}.leaderboard-preview__item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:6px 10px;font-size:.8rem;display:flex}.hub-card--community:hover .leaderboard-preview__item{transform:translate(2px)}.hub-card--community:hover .leaderboard-preview__item:first-child{transition-delay:0s}.hub-card--community:hover .leaderboard-preview__item:nth-child(2){transition-delay:30ms}.hub-card--community:hover .leaderboard-preview__item:nth-child(3){transition-delay:60ms}.leaderboard-preview__item--1{background:linear-gradient(135deg,#fff8dc,#ffefb8)}.leaderboard-preview__item--2{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.leaderboard-preview__item--3{background:linear-gradient(135deg,#fbe4d5,#f5d4c0)}.leaderboard-preview__pos{font-family:var(--font-display);width:18px;color:var(--color-text);font-weight:700}.leaderboard-preview__name{color:var(--color-text);flex:1;font-weight:600}.leaderboard-preview__score{font-family:var(--font-display);color:var(--color-text);font-weight:700}.leaderboard-preview--empty{padding:var(--space-md);justify-content:center;align-items:center;display:flex}.leaderboard-preview__empty-text{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.game-hub__footer{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0b3;border-top:2px solid #4e342e0d;position:relative}.quick-actions{justify-content:center;gap:var(--space-lg);display:flex}.quick-action{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text-light);border-radius:var(--radius-pill);transition:var(--transition-fast);cursor:pointer;background:0 0;font-size:.85rem;font-weight:600;display:flex}.quick-action svg{width:18px;height:18px}.quick-action:hover{color:var(--color-text);background:var(--color-white)}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes hubParticleFloat{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-30px)scale(1.2)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes portalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes portalGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalParticle{0%,to{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{box-shadow:0 0 #6bcb7766}50%{box-shadow:0 0 0 6px #6bcb7700}}@media (max-width:1024px){.game-hub__main{padding:var(--space-lg) var(--space-md) var(--space-2xl);gap:var(--space-xl)}.marathon-portal__button{min-width:auto;padding:var(--space-md) var(--space-lg)}.marathon-portal__glow{width:300px;height:300px}.marathon-portal__ring--outer{width:260px;height:260px}.marathon-portal__ring--middle{width:230px;height:230px}.marathon-portal__ring--inner{width:200px;height:200px}}@media (max-width:768px){.game-hub__header{padding:var(--space-sm) var(--space-md)}.game-hub__main{padding:var(--space-md) var(--space-md) var(--space-xl);gap:var(--space-lg)}.player-banner{gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-direction:column}.player-banner__left{width:100%}.player-banner__right{justify-content:center;width:100%}.player-banner__arrow{display:none}.hub-menu{gap:var(--space-md);grid-template-columns:1fr}.marathon-portal__button{text-align:center;gap:var(--space-md);flex-direction:column}.marathon-portal__score{margin-left:0}.marathon-portal__glow{width:250px;height:250px}.marathon-portal__ring--outer{width:220px;height:220px}.marathon-portal__ring--middle{width:190px;height:190px}.marathon-portal__ring--inner{width:160px;height:160px}}@media (max-width:480px){.game-hub__logo-text{display:none}.player-banner__name{font-size:1.05rem}.player-banner__avatar{width:52px;height:52px}.player-banner__stat{padding:var(--space-xs) var(--space-sm)}.marathon-portal__title{font-size:1.1rem}.hub-card{padding:var(--space-md)}.hub-card__title{font-size:1.1rem}}.leaderboard--reflexes{--lb-color:var(--color-primary);--lb-color-light:var(--color-primary-light);--lb-color-dark:var(--color-primary-dark)}.leaderboard--memory{--lb-color:var(--color-accent);--lb-color-light:var(--color-accent-light);--lb-color-dark:var(--color-accent-dark)}.leaderboard--precision{--lb-color:#ff6b9d;--lb-color-light:#ffb3cc;--lb-color-dark:#e5527f}.leaderboard--logic{--lb-color:var(--color-secondary);--lb-color-light:var(--color-secondary-light);--lb-color-dark:var(--color-secondary-dark)}.leaderboard{background:var(--color-white);border-radius:var(--radius-lg);border:3px solid var(--lb-color);box-shadow:0 6px 0 var(--lb-color-dark), 0 10px 30px #4e342e1a;flex-direction:column;max-height:100%;display:flex;overflow:hidden}.leaderboard__header{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--lb-color-light);border-bottom:2px solid var(--lb-color);display:flex}.leaderboard__icon{font-size:1.3rem}.leaderboard__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.leaderboard__content{padding:var(--space-sm);flex:1;min-height:0;overflow-y:auto}.leaderboard__loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);flex-direction:column;font-size:.9rem;display:flex}.leaderboard__spinner{border:3px solid var(--lb-color-light);border-top-color:var(--lb-color);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite leaderboardSpin}@keyframes leaderboardSpin{to{transform:rotate(360deg)}}.leaderboard__empty{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.leaderboard__empty-icon{opacity:.6;font-size:2rem}.leaderboard__empty-hint{color:var(--color-text-muted);font-size:.85rem}.leaderboard__list{gap:var(--space-xs);flex-direction:column;display:flex}.leaderboard__entry{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-cream);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.leaderboard__entry:hover{background:var(--color-white);transform:translate(2px)}.leaderboard__entry--top1{background:linear-gradient(135deg,#fff9e6 0%,#ffe066 100%);border:2px solid #ffd93d}.leaderboard__entry--top2{background:linear-gradient(135deg,#f8f8f8 0%,#e8e8e8 100%);border:2px solid silver}.leaderboard__entry--top3{background:linear-gradient(135deg,#fff5eb 0%,#fc9 100%);border:2px solid #cd7f32}.leaderboard__entry--current{background:var(--lb-color-light);border:2px solid var(--lb-color);box-shadow:0 2px 8px #4e342e1a}.leaderboard__entry--current:hover{background:var(--lb-color-light)}.leaderboard__rank{justify-content:center;align-items:center;min-width:36px;font-size:1.2rem;display:flex}.leaderboard__rank-number{font-family:var(--font-display);color:var(--color-text-muted);font-size:.85rem;font-weight:700}.leaderboard__entry--current .leaderboard__rank-number{color:var(--lb-color-dark)}.leaderboard__player{align-items:center;gap:var(--space-xs);flex:1;min-width:0;display:flex}.leaderboard__name{font-family:var(--font-body);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.leaderboard__you{color:var(--lb-color-dark);margin-left:var(--space-xs);font-size:.75rem;font-weight:500}.leaderboard__score{font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border-radius:var(--radius-sm);border:2px solid #4e342e1a;padding:4px 10px;font-size:1rem;font-weight:700}.leaderboard__entry--current .leaderboard__score{background:var(--color-white);border-color:var(--lb-color);color:var(--lb-color-dark)}.leaderboard__sticky{border-top:2px dashed var(--lb-color);background:var(--color-cream);padding:0 var(--space-sm) var(--space-sm)}.leaderboard__sticky-separator{padding:var(--space-xs) 0;color:var(--color-text-muted);letter-spacing:2px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.leaderboard__entry--sticky{animation:2s ease-in-out infinite stickyPulse}@keyframes stickyPulse{0%,to{box-shadow:0 2px 8px #4e342e1a}50%{box-shadow:0 2px 16px #4e342e33}}@media (max-width:1024px){.leaderboard__header{padding:var(--space-sm) var(--space-md)}.leaderboard__title{font-size:1rem}.leaderboard__entry{padding:var(--space-xs) var(--space-sm)}.leaderboard__name{font-size:.85rem}.leaderboard__score{padding:3px 8px;font-size:.9rem}}@media (max-width:768px){.leaderboard{box-shadow:0 4px 0 var(--lb-color-dark), 0 6px 20px #4e342e1a;border-width:2px}.leaderboard__rank{min-width:28px}.leaderboard__rank-number{font-size:.75rem}}.game-page--reflexes{--game-color:var(--color-primary);--game-color-dark:var(--color-primary-dark);--game-color-light:var(--color-primary-light);--game-glow:#ffd93d66}.game-page--memory{--game-color:var(--color-accent);--game-color-dark:var(--color-accent-dark);--game-color-light:var(--color-accent-light);--game-glow:#4d96ff66}.game-page--precision{--game-color:#ff6b9d;--game-color-dark:#e5527f;--game-color-light:#ffb3cc;--game-glow:#ff6b9d66}.game-page--logic{--game-color:var(--color-secondary);--game-color-dark:var(--color-secondary-dark);--game-color-light:var(--color-secondary-light);--game-glow:#6bcb7766}.game-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.game-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.game-page__bg-gradient{background:radial-gradient(ellipse 100% 60% at 50% 0%, var(--game-glow) 0%, transparent 50%), radial-gradient(ellipse 80% 50% at 0% 100%, #6bcb770f 0%, transparent 50%), radial-gradient(ellipse 80% 50% at 100% 100%, #4d96ff0f 0%, transparent 50%);position:absolute;inset:0}.game-page__bg-pattern{background-image:radial-gradient(circle,#4e342e04 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 70%)}.game-page__bg-orbs{position:absolute;inset:0}.game-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:25s ease-in-out infinite gameOrbFloat;position:absolute}.game-orb--1{background:var(--game-color);width:350px;height:350px;animation-delay:0s;top:-15%;left:50%;transform:translate(-50%)}.game-orb--2{background:var(--game-color-light);width:200px;height:200px;animation-delay:-12s;bottom:-10%;right:20%}.game-page__particles{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.game-particle{background:var(--game-color);border-radius:50%;animation:12s ease-in-out infinite gameParticleFloat;position:absolute}.game-particle--1{width:5px;height:5px;animation-delay:0s;top:20%;left:10%}.game-particle--2{opacity:.7;width:4px;height:4px;animation-delay:-2s;top:40%;left:5%}.game-particle--3{width:6px;height:6px;animation-delay:-4s;top:70%;left:8%}.game-particle--4{opacity:.6;width:4px;height:4px;animation-delay:-6s;top:85%;left:15%}.game-particle--5{width:5px;height:5px;animation-delay:-1s;top:25%;right:8%}.game-particle--6{opacity:.8;width:6px;height:6px;animation-delay:-3s;top:50%;right:5%}.game-particle--7{width:4px;height:4px;animation-delay:-5s;top:75%;right:12%}.game-particle--8{opacity:.7;width:5px;height:5px;animation-delay:-7s;top:90%;right:6%}.game-page__header{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0cc;border-bottom:3px solid #4e342e0d;justify-content:space-between;align-items:center;display:flex;position:relative}.game-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);transition:var(--transition-spring);cursor:pointer;font-size:.9rem;font-weight:600;display:flex}.game-page__back svg{width:18px;height:18px}.game-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.game-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.game-page__title-block{flex-direction:column;align-items:center;gap:4px;display:flex}.game-page__category{align-items:center;gap:var(--space-xs);font-family:var(--font-display);color:var(--color-text);background:var(--game-color-light);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;padding:4px 12px;font-size:.75rem;font-weight:600;display:flex}.game-page__category-icon{font-size:.9rem}.game-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.4rem;font-weight:700}.game-page__score-block{align-items:center;gap:var(--space-md);justify-content:flex-end;min-width:120px;display:flex}.game-page__score{padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 4px 0 var(--game-color-dark), inset 0 2px 0 #fffc;border:2px solid var(--game-color);flex-direction:column;align-items:center;display:flex}.game-page__score-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.game-page__score-value{font-family:var(--font-display);color:var(--game-color-dark);font-size:1.4rem;font-weight:700;line-height:1}.game-page__live-indicator{background:#ff6b35;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite liveIndicatorPulse;box-shadow:0 0 #ff6b3580}.game-page__main{z-index:5;padding:var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-page__content{justify-content:center;align-items:center;gap:var(--space-xl);width:100%;height:100%;display:flex}.game-page__arena-wrapper{aspect-ratio:1;flex-shrink:1;justify-content:center;align-items:center;width:100%;max-width:min(90vw,90vh - 120px);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards arenaAppear;display:flex;position:relative}.game-page__leaderboard{flex-shrink:0;width:280px;min-width:240px;max-height:min(70vh,500px);animation:.5s cubic-bezier(.34,1.56,.64,1) .2s backwards leaderboardSlideIn}.game-page__content:has(.game-page__leaderboard) .game-page__arena-wrapper{max-width:min(100vw - 380px,90vh - 120px)}@keyframes leaderboardSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.game-arena__frame{pointer-events:none;position:absolute;inset:-12px}.game-arena__frame-corner{border:4px solid var(--game-color);opacity:.4;width:40px;height:40px;position:absolute}.game-arena__frame-corner--tl{border-radius:var(--radius-md) 0 0 0;border-bottom:none;border-right:none;top:0;left:0}.game-arena__frame-corner--tr{border-radius:0 var(--radius-md) 0 0;border-bottom:none;border-left:none;top:0;right:0}.game-arena__frame-corner--bl{border-radius:0 0 0 var(--radius-md);border-top:none;border-right:none;bottom:0;left:0}.game-arena__frame-corner--br{border-radius:0 0 var(--radius-md) 0;border-top:none;border-left:none;bottom:0;right:0}.game-arena{background:var(--color-white);border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:0 8px 0 var(--game-color-dark), 0 12px 40px #4e342e1f, inset 0 2px 0 #ffffffe6;border:3px solid var(--game-color);position:relative;overflow:hidden}.game-arena__inner{background:radial-gradient(circle at 30% 30%, #fffc 0%, transparent 50%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-arena__glow{background:radial-gradient(circle at 50% 50%, var(--game-glow) 0%, transparent 50%);opacity:.3;pointer-events:none;animation:4s ease-in-out infinite arenaGlowPulse;position:absolute;inset:-20%}.game-arena__placeholder{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-xl);flex-direction:column;display:flex}.game-arena__placeholder-icon{background:var(--game-color-light);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite placeholderIconFloat;display:flex}.game-arena__logo{opacity:.7;width:48px;height:48px}.game-arena__placeholder-text{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.game-arena__placeholder-hint{color:var(--color-text-muted);max-width:260px;font-size:.95rem;line-height:1.5}@keyframes gameOrbFloat{0%,to{transform:translate(-50%)scale(1)}25%{transform:translate(-45%,10px)scale(1.05)}50%{transform:translate(-55%,-5px)scale(.98)}75%{transform:translate(-48%,5px)scale(1.02)}}@keyframes gameParticleFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-20px)scale(1.3)}}@keyframes arenaAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes arenaGlowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes placeholderIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes liveIndicatorPulse{0%,to{box-shadow:0 0 #ff6b3580}50%{box-shadow:0 0 0 8px #ff6b3500}}@media (max-width:1200px){.game-page__leaderboard{width:260px;min-width:220px}.game-page__content:has(.game-page__leaderboard) .game-page__arena-wrapper{max-width:min(100vw - 340px,85vh - 120px)}}@media (max-width:1024px){.game-page__content{gap:var(--space-lg);padding-bottom:var(--space-lg);flex-direction:column}.game-page__arena-wrapper{max-width:min(85vw,55vh - 100px)}.game-page__content:has(.game-page__leaderboard) .game-page__arena-wrapper{max-width:min(85vw,55vh - 100px)}.game-page__leaderboard{width:100%;max-width:500px;max-height:200px}.game-page__main{overflow-y:auto}}@media (max-width:768px){.game-page__header{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.game-page__back span{display:none}.game-page__back{padding:var(--space-sm)}.game-page__title{font-size:1.15rem}.game-page__category{padding:3px 10px;font-size:.65rem}.game-page__score-block{min-width:auto}.game-page__main{padding:var(--space-md)}.game-page__content{gap:var(--space-md)}.game-page__arena-wrapper{max-width:min(90vw,50vh - 80px)}.game-page__content:has(.game-page__leaderboard) .game-page__arena-wrapper{max-width:min(90vw,50vh - 80px)}.game-page__leaderboard{max-height:180px}.game-arena__frame{inset:-8px}.game-arena__frame-corner{border-width:3px;width:28px;height:28px}}@media (max-width:480px){.game-page__title-block{position:absolute;left:50%;transform:translate(-50%)}.game-page__title{font-size:1rem}.game-page__score{padding:var(--space-xs) var(--space-sm)}.game-page__score-value{font-size:1.1rem}.game-arena__placeholder-text{font-size:1.2rem}.game-arena__placeholder-hint{font-size:.85rem}.game-arena__placeholder-icon{width:64px;height:64px}.game-arena__logo{width:36px;height:36px}}@media (max-height:500px) and (orientation:landscape){.game-page__header{padding:var(--space-xs) var(--space-md)}.game-page__main{padding:var(--space-sm)}.game-page__content{gap:var(--space-md);flex-direction:row}.game-page__arena-wrapper{max-width:min(50vw,85vh - 60px)}.game-page__leaderboard{width:220px;max-height:85vh}.game-page__title{font-size:1rem}}.training-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.training-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.training-page__bg-gradient{background:radial-gradient(100% 60% at 50% 0,#6bcb7726 0%,#0000 50%),radial-gradient(60% 50% at 0 30%,#ffd93d1a 0%,#0000 50%),radial-gradient(60% 50% at 100% 60%,#4d96ff1a 0%,#0000 50%),radial-gradient(80% 40% at 50% 100%,#9b59b614 0%,#0000 40%);position:absolute;inset:0}.training-page__bg-shapes{position:absolute;inset:0}.bg-shape{filter:blur(60px);opacity:.5;border-radius:50%;animation:25s ease-in-out infinite shapeFloat;position:absolute}.bg-shape--1{background:linear-gradient(135deg, var(--color-secondary) 0%, transparent 70%);width:500px;height:500px;animation-delay:0s;top:-15%;left:-10%}.bg-shape--2{background:linear-gradient(135deg, var(--color-primary) 0%, transparent 70%);width:400px;height:400px;animation-delay:-6s;top:20%;right:-5%}.bg-shape--3{background:linear-gradient(135deg, var(--color-accent) 0%, transparent 70%);width:350px;height:350px;animation-delay:-12s;bottom:10%;left:20%}.bg-shape--4{background:linear-gradient(135deg,#9b59b6 0%,#0000 70%);width:300px;height:300px;animation-delay:-18s;bottom:-10%;right:15%}.training-page__bg-dots{background-image:radial-gradient(#4e342e0a 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 80%,#000 30%,#0000 70%);mask-image:radial-gradient(100% 80%,#000 30%,#0000 70%)}.training-page__floaters{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{animation:floaterDrift var(--float-duration,15s) ease-in-out infinite;animation-delay:var(--float-delay,0s);border-radius:50%;position:absolute}.floater--1{background:var(--color-primary);width:8px;height:8px;top:10%;left:5%}.floater--2{background:var(--color-secondary);width:6px;height:6px;top:20%;left:12%}.floater--3{background:var(--color-accent);width:10px;height:10px;top:35%;left:3%}.floater--4{background:var(--color-primary-light);width:5px;height:5px;top:50%;left:8%}.floater--5{background:#9b59b6;width:7px;height:7px;top:65%;left:15%}.floater--6{background:var(--color-secondary-light);width:6px;height:6px;top:80%;left:6%}.floater--7{background:var(--color-primary);width:8px;height:8px;top:15%;right:8%}.floater--8{background:var(--color-accent-light);width:5px;height:5px;top:30%;right:5%}.floater--9{background:var(--color-secondary);width:9px;height:9px;top:45%;right:12%}.floater--10{background:var(--color-primary);width:6px;height:6px;top:60%;right:4%}.floater--11{background:#9b59b6;width:7px;height:7px;top:75%;right:10%}.floater--12{background:var(--color-accent);width:8px;height:8px;top:88%;right:6%}.floater--13{background:var(--color-secondary-light);width:5px;height:5px;top:5%;left:40%}.floater--14{background:var(--color-primary-light);width:6px;height:6px;top:92%;left:60%}.floater--15{background:var(--color-accent);width:7px;height:7px;top:3%;right:35%}.training-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #6bcb7733;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards headerSlideDown;display:flex;position:sticky;top:0}.training-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);transition:var(--transition-spring);cursor:pointer;font-size:.9rem;font-weight:600;display:flex}.training-page__back svg{width:18px;height:18px}.training-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.training-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.training-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.training-page__icon-wrapper{width:56px;height:56px;position:relative}.training-page__icon-glow{background:radial-gradient(circle,#6bcb7766 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite iconGlow;position:absolute;inset:-8px}.training-page__icon{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);border-radius:var(--radius-md);width:100%;height:100%;box-shadow:0 4px 0 var(--color-secondary-dark), 0 8px 20px #6bcb774d;color:var(--color-white);justify-content:center;align-items:center;display:flex;position:relative}.training-page__icon svg{width:28px;height:28px}.training-page__title-text{flex-direction:column;gap:2px;display:flex}.training-page__title{font-family:var(--font-display);color:var(--color-text);font-size:1.8rem;font-weight:700;line-height:1.1}.training-page__subtitle{color:var(--color-text-light);font-size:.95rem;font-weight:500}.training-page__header-actions{align-items:center;gap:var(--space-md);display:flex}.training-page__header-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text);opacity:.5;background:#ffffff80;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.training-page__header-btn:hover{opacity:.8;background:#fffc}.training-page__header-btn svg{width:16px;height:16px}.training-page__logo-icon{opacity:.3;width:36px;height:36px;animation:20s linear infinite logoSpin}.training-page__filters{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(10px);background:#fff9f099;border-bottom:2px solid #4e342e0d;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both filtersSlideDown;position:relative}.filters-container{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.filter-chip{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border-radius:var(--radius-pill);transition:var(--transition-spring);cursor:pointer;border:2px solid #4e342e1a;font-size:.85rem;font-weight:600;display:flex}.filter-chip__icon{font-size:1.1rem}.filter-chip__count{background:var(--color-background-alt);border-radius:var(--radius-pill);color:var(--color-text-muted);padding:2px 8px;font-size:.75rem;font-weight:700}.filter-chip:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #6bcb7733}.filter-chip--active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 0 var(--color-secondary-dark)}.filter-chip--active .filter-chip__count{color:var(--color-white);background:#ffffff4d}.filter-chip--reflexes.filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark)}.filter-chip--memory.filter-chip--active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 4px 0 var(--color-accent-dark)}.filter-chip--precision.filter-chip--active{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 4px 0 var(--color-secondary-dark)}.filter-chip--logic.filter-chip--active{background:#9b59b6;border-color:#9b59b6;box-shadow:0 4px #7d3c98}.training-page__main{z-index:5;padding:var(--space-2xl) var(--space-xl);flex:1;position:relative}.games-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1400px;margin:0 auto;display:grid}.game-card{background:var(--color-white);border-radius:var(--radius-lg);transition:var(--transition-spring);cursor:pointer;text-align:left;animation:cardAppear .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--card-index) * 80ms) both;border:3px solid #0000;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #4e342e14,0 2px 8px #4e342e0a}.game-card__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-card__bg-gradient{background:linear-gradient(180deg, color-mix(in srgb, var(--category-color) 8%, transparent) 0%, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.game-card__bg-pattern{background-image:radial-gradient(color-mix(in srgb, var(--category-color) 10%, transparent) 1px, transparent 1px);opacity:0;background-size:16px 16px;transition:opacity .4s;position:absolute;inset:0}.game-card__glow{background:radial-gradient(circle at center, var(--category-color) 0%, transparent 40%);opacity:0;pointer-events:none;width:300%;height:300%;transition:opacity .4s;position:absolute;top:-100%;left:-100%}.game-card:hover{border-color:var(--category-color);box-shadow:0 20px 60px color-mix(in srgb, var(--category-color) 25%, transparent), 0 8px 24px #4e342e1a;transform:translateY(-12px)scale(1.02)}.game-card:hover .game-card__bg-gradient{opacity:1}.game-card:hover .game-card__bg-pattern{opacity:.5}.game-card:hover .game-card__glow{opacity:.1}.game-card:active{transform:translateY(-4px)scale(.98)}.game-card__content{z-index:2;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:relative}.game-card__category{background:color-mix(in srgb, var(--category-color) 15%, var(--color-white));border-radius:var(--radius-pill);border:2px solid color-mix(in srgb, var(--category-color) 30%, transparent);align-items:center;gap:6px;width:fit-content;padding:6px 14px;display:inline-flex}.game-card__category-icon{font-size:.9rem}.game-card__category-label{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.game-card__icon-container{width:100px;height:100px;margin:var(--space-sm) auto var(--space-md);position:relative}.game-card__icon-ring{border:3px solid color-mix(in srgb, var(--category-color) 20%, transparent);border-radius:50%;animation:3s ease-in-out infinite ringPulse;position:absolute;inset:0}.game-card__icon-ring--inner{border-style:dashed;border-width:2px;animation-direction:reverse;animation-delay:-1.5s;inset:12px}.game-card__icon{background:linear-gradient(145deg, var(--color-white) 0%, color-mix(in srgb, var(--category-color) 10%, var(--color-white)) 100%);box-shadow:0 4px 16px color-mix(in srgb, var(--category-color) 20%, transparent), inset 0 2px 4px #fffc, inset 0 -2px 4px color-mix(in srgb, var(--category-color) 10%, transparent);transition:var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:2.4rem;display:flex;position:absolute;inset:20px}.game-card:hover .game-card__icon{box-shadow:0 8px 24px color-mix(in srgb, var(--category-color) 30%, transparent), inset 0 2px 4px #fffc, inset 0 -2px 4px color-mix(in srgb, var(--category-color) 15%, transparent);transform:scale(1.15)rotate(-5deg)}.game-card__icon-particles{pointer-events:none;position:absolute;inset:0}.icon-particle{background:var(--category-color);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .3s;position:absolute}.game-card:hover .icon-particle{opacity:.8;animation:.6s ease-out forwards iconParticleBurst}.icon-particle--1{animation-delay:0s;top:50%;left:0;transform:translate(-50%,-50%)}.icon-particle--2{animation-delay:50ms;top:15%;left:15%}.icon-particle--3{animation-delay:.1s;top:15%;right:15%}.icon-particle--4{animation-delay:.15s;top:50%;right:0;transform:translate(50%,-50%)}.icon-particle--5{animation-delay:.2s;bottom:15%;right:15%}.icon-particle--6{animation-delay:.25s;bottom:15%;left:15%}.game-card__info{text-align:center}.game-card__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:6px;font-size:1.3rem;font-weight:700;transition:color .3s}.game-card:hover .game-card__title{color:color-mix(in srgb, var(--category-color) 80%, var(--color-text))}.game-card__desc{color:var(--color-text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.game-card__meta{justify-content:center;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:2px dashed #4e342e14;display:flex}.game-card__duration{background:var(--color-background-alt);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--color-text);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.game-card__duration svg{width:16px;height:16px;color:var(--color-text-muted)}.game-card__duration--infinite{color:#7d3c98;background:linear-gradient(135deg,#e8e0f0,#d8d0e8)}.game-card__duration--infinite svg{color:#9b59b6}.game-card__coming-soon{border-radius:var(--radius-pill);font-family:var(--font-display);color:#d35400;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,#ffe8cc,#ffd9b3);padding:6px 12px;font-size:.75rem;font-weight:700}.game-card__best-score{border-radius:var(--radius-pill);font-family:var(--font-display);color:#b8860b;background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #b8860b33;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.game-card__best-score svg{color:#daa520;fill:gold;stroke:#daa520;width:16px;height:16px}.game-card__rank-icon{justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.game-card__play{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);margin-top:var(--space-sm);background:linear-gradient(135deg, var(--category-color) 0%, color-mix(in srgb, var(--category-color) 85%, black) 100%);border-radius:var(--radius-pill);box-shadow:0 4px 0 color-mix(in srgb, var(--category-color) 70%, black);transition:var(--transition-spring);display:flex}.game-card:hover .game-card__play{box-shadow:0 6px 0 color-mix(in srgb, var(--category-color) 70%, black);transform:translateY(-2px)}.game-card:active .game-card__play{box-shadow:0 2px 0 color-mix(in srgb, var(--category-color) 70%, black);transform:translateY(2px)}.game-card__play-icon{width:24px;height:24px;color:var(--color-white);background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.game-card__play-icon svg{width:12px;height:12px;margin-left:2px}.game-card__play-text{font-family:var(--font-display);color:var(--color-white);letter-spacing:.02em;font-size:1rem;font-weight:700}.game-card__corner{pointer-events:none;opacity:0;width:20px;height:20px;transition:opacity .3s,transform .3s;position:absolute}.game-card:hover .game-card__corner{opacity:1}.game-card__corner--tl{border-top:3px solid var(--category-color);border-left:3px solid var(--category-color);border-radius:8px 0 0;top:8px;left:8px}.game-card__corner--tr{border-top:3px solid var(--category-color);border-right:3px solid var(--category-color);border-radius:0 8px 0 0;top:8px;right:8px}.game-card__corner--bl{border-bottom:3px solid var(--category-color);border-left:3px solid var(--category-color);border-radius:0 0 0 8px;bottom:8px;left:8px}.game-card__corner--br{border-bottom:3px solid var(--category-color);border-right:3px solid var(--category-color);border-radius:0 0 8px;bottom:8px;right:8px}.game-card:hover .game-card__corner--tl{transform:translate(-3px,-3px)}.game-card:hover .game-card__corner--tr{transform:translate(3px,-3px)}.game-card:hover .game-card__corner--bl{transform:translate(-3px,3px)}.game-card:hover .game-card__corner--br{transform:translate(3px,3px)}.training-page__empty{justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state{text-align:center;padding:var(--space-3xl)}.empty-state__icon{margin-bottom:var(--space-lg);font-size:4rem;animation:2s ease-in-out infinite emptyBounce}.empty-state__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700}.empty-state__desc{color:var(--color-text-muted);font-size:1rem}.training-page__footer{z-index:10;padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-top:3px solid #6bcb7733;position:relative}.training-page__footer .quick-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #4e342e0f}.training-stats{justify-content:center;gap:var(--space-3xl);display:flex}.training-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.training-stat__value{font-family:var(--font-display);color:var(--color-secondary);font-size:2rem;font-weight:700;line-height:1}.training-stat__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}@keyframes shapeFloat{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(30px,-30px)rotate(5deg)scale(1.05)}50%{transform:translate(-20px,20px)rotate(-5deg)scale(.95)}75%{transform:translate(-30px,-20px)rotate(3deg)scale(1.02)}}@keyframes floaterDrift{0%,to{opacity:.6;transform:translateY(0)translate(0)scale(1)}25%{opacity:.9;transform:translateY(-20px)translate(10px)scale(1.1)}50%{opacity:.7;transform:translateY(-40px)translate(-5px)scale(.9)}75%{opacity:.8;transform:translateY(-20px)translate(-10px)scale(1.05)}}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes filtersSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ringPulse{0%,to{opacity:.5;transform:rotate(0)scale(1)}50%{opacity:.8;transform:rotate(180deg)scale(1.05)}}@keyframes iconParticleBurst{0%{opacity:0;transform:scale(0)translate(0)}50%{opacity:1}to{transform:scale(1.5) translate(var(--dx,10px), var(--dy,10px));opacity:0}}.icon-particle--1{--dx:-15px;--dy:0}.icon-particle--2{--dx:-10px;--dy:-15px}.icon-particle--3{--dx:10px;--dy:-15px}.icon-particle--4{--dx:15px;--dy:0}.icon-particle--5{--dx:10px;--dy:15px}.icon-particle--6{--dx:-10px;--dy:15px}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:1024px){.training-page__main{padding:var(--space-xl) var(--space-lg)}.games-grid{gap:var(--space-lg)}}@media (max-width:768px){.training-page__header{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.training-page__title-block{order:2;justify-content:center;width:100%}.training-page__back{order:1}.training-page__header-actions{order:3}.training-page__header-actions .training-page__logo-icon{display:none}.training-page__title{text-align:center;font-size:1.5rem}.training-page__subtitle{text-align:center}.training-page__filters{padding:var(--space-sm) var(--space-md)}.filters-container{gap:var(--space-xs)}.filter-chip{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.filter-chip__label{display:none}.games-grid{grid-template-columns:1fr}.training-stats{gap:var(--space-xl)}.training-stat__value{font-size:1.6rem}}@media (max-width:480px){.training-page__main{padding:var(--space-md)}.game-card__icon-container{width:80px;height:80px}.game-card__icon{font-size:2rem;inset:16px}.game-card__title{font-size:1.15rem}.game-card__desc{font-size:.85rem}.training-stats{gap:var(--space-md);flex-direction:column}.training-stat{gap:var(--space-sm);flex-direction:row}}.training-page--loading{justify-content:center;align-items:center;display:flex}.training-page__loader{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.training-page__loader-spinner{border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.click-fast{-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:crosshair;background:radial-gradient(circle at 50% 50%, #ffd93d0d 0%, transparent 70%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.click-fast--idle{cursor:pointer}.click-fast--playing{cursor:crosshair}.click-fast--ended{cursor:default}.click-fast__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out fadeInUp;display:flex}.click-fast__start-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-xl);width:100px;height:100px;box-shadow:0 8px 0 var(--color-primary-dark), 0 12px 30px #ffd93d4d;justify-content:center;align-items:center;animation:2s ease-in-out infinite bounceFloat;display:flex}.click-fast__start-icon-inner{filter:drop-shadow(0 2px 4px #0000001a);font-size:3rem;line-height:1}.click-fast__start-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.click-fast__start-description{color:var(--color-text-light);max-width:280px;font-size:1rem;line-height:1.5}.click-fast__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:1.2rem;font-weight:700}.click-fast__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.click-fast__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.click-fast__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite countdownPulse;display:flex}.click-fast__countdown-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 4px 0 var(--color-primary-dark), 0 8px 30px #ffd93d66;font-size:8rem;font-weight:800;line-height:1}.click-fast__game{position:absolute;inset:0;overflow:hidden}.click-fast__hud{top:var(--space-md);align-items:center;gap:var(--space-xl);z-index:100;animation:.3s ease-out slideDown;display:flex;position:absolute;left:50%;transform:translate(-50%)}.click-fast__timer{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.click-fast__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.click-fast__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:1.8rem;font-weight:800;line-height:1}.click-fast__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite timerWarning}.click-fast__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite timerCritical}.click-fast__progress{background:var(--color-primary-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.click-fast__progress-fill{background:var(--color-primary);height:100%;transition:width .1s linear}.click-fast__phase{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;display:flex}.click-fast__phase-dot{background:var(--color-text-muted);width:10px;height:10px;transition:var(--transition-base);border-radius:50%}.click-fast__phase-dot--active{background:var(--color-primary);box-shadow:0 0 12px var(--color-primary)}.click-fast__phase-dot--static.click-fast__phase-dot--active{background:var(--color-secondary);box-shadow:0 0 12px var(--color-secondary)}.click-fast__phase-dot--pulsing.click-fast__phase-dot--active{background:var(--color-accent);box-shadow:0 0 12px var(--color-accent);animation:.8s ease-in-out infinite phaseDotPulse}.click-fast__phase-dot--moving.click-fast__phase-dot--active{background:#ff6b9d;animation:.5s ease-in-out infinite phaseDotMove;box-shadow:0 0 12px #ff6b9d}.click-fast__target-container{pointer-events:none;position:absolute;inset:0}.click-fast__target{pointer-events:auto;cursor:crosshair;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.click-fast__target-outer{background:radial-gradient(circle,#ffd93d26 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite targetOuterPulse;position:absolute;inset:-15%}.click-fast__target-ring{border:3px dashed #ffd93d66;border-radius:50%;animation:8s linear infinite targetRingSpin;position:absolute;inset:-8%}.click-fast__target-body{background:radial-gradient(circle at 30% 30%, #ffffffe6 0%, transparent 40%), linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border:4px solid var(--color-text);box-shadow:0 6px 0 var(--color-text), 0 8px 20px #4e342e33, inset 0 -4px 0 #0000001a;border-radius:50%;position:absolute;inset:0}.click-fast__target-inner{background:var(--color-white);border:3px solid var(--color-text);border-radius:50%;position:absolute;inset:25%;box-shadow:inset 0 2px 4px #0000001a}.click-fast__target-center{background:var(--color-primary);border:2px solid var(--color-text);border-radius:50%;position:absolute;inset:42%}.click-fast__target--pulsing .click-fast__target-body{animation:.8s ease-in-out infinite targetPulseGlow}.click-fast__target--moving .click-fast__target-body{border-color:var(--color-text);background:radial-gradient(circle at 30% 30%,#ffffffe6 0%,#0000 40%),linear-gradient(135deg,#ff6b9d 0%,#e5527f 100%)}.click-fast__target--moving .click-fast__target-ring{border-color:#ff6b9d66;animation:4s linear infinite targetRingSpin}.click-fast__target--moving .click-fast__target-outer{background:radial-gradient(circle,#ff6b9d26 0%,#0000 70%)}.click-fast__target--moving .click-fast__target-center{background:#ff6b9d}.click-fast__click-effect{pointer-events:none;z-index:50;position:absolute;transform:translate(-50%,-50%)}.click-fast__click-ripple{border:3px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:.5s ease-out forwards clickRipple;position:absolute;transform:translate(-50%,-50%)scale(0)}.click-fast__click-ripple--miss{border-color:#4e342e4d}.click-fast__click-ripple--hit{border-color:var(--color-secondary)}.click-fast__click-score{font-family:var(--font-display);color:var(--color-secondary);text-shadow:0 2px 4px #0003;pointer-events:none;font-size:1.5rem;font-weight:800;animation:.6s ease-out forwards scorePopup;position:absolute;transform:translate(-50%,-50%)}.click-fast__click-score--miss{color:var(--color-text-muted);font-size:1rem}.click-fast__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) fadeInScale;display:flex}.click-fast__end-celebration{font-size:4rem;line-height:1;animation:.6s ease-out celebrationBounce}.click-fast__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.click-fast__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);background:var(--color-primary);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);flex-direction:column;display:flex}.click-fast__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.click-fast__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.click-fast__end-stats{gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.click-fast__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;display:flex}.click-fast__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.click-fast__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.click-fast__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.click-fast__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.click-fast__end-btn--primary{color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text)}.click-fast__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.click-fast__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}.click-fast__end-btn--secondary{color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);box-shadow:0 4px 0 var(--color-text)}.click-fast__end-btn--secondary:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.click-fast__end-btn--secondary:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes countdownPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes timerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes timerCritical{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes targetOuterPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes targetRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes targetPulseGlow{0%,to{box-shadow:0 6px 0 var(--color-text), 0 8px 20px #4e342e33, 0 0 30px #4d96ff4d}50%{box-shadow:0 6px 0 var(--color-text), 0 8px 20px #4e342e33, 0 0 50px #4d96ff80}}@keyframes clickRipple{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes scorePopup{0%{opacity:1;transform:translateY(0)scale(0)}30%{opacity:1;transform:translateY(-10px)scale(1.2)}to{opacity:0;transform:translateY(-50px)scale(1)}}@keyframes celebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes phaseDotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes phaseDotMove{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (max-width:768px){.click-fast__start-icon{width:80px;height:80px}.click-fast__start-icon-inner{font-size:2.5rem}.click-fast__start-title{font-size:1.6rem}.click-fast__start-description{font-size:.9rem}.click-fast__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.click-fast__countdown-number{font-size:6rem}.click-fast__hud{gap:var(--space-md);top:var(--space-sm)}.click-fast__timer{padding:var(--space-xs) var(--space-md)}.click-fast__timer-value{min-width:50px;font-size:1.4rem}.click-fast__end-title{font-size:1.6rem}.click-fast__end-score-value{font-size:2.5rem}.click-fast__end-stats{flex-wrap:wrap;justify-content:center}.click-fast__end-actions{flex-direction:column;width:100%;max-width:260px}.click-fast__end-btn{text-align:center;width:100%}}@media (max-width:480px){.click-fast__start-title{font-size:1.4rem}.click-fast__countdown-number{font-size:5rem}.click-fast__phase{display:none}.click-fast__end-celebration{font-size:3rem}.click-fast__end-score{padding:var(--space-sm) var(--space-xl)}.click-fast__end-score-value{font-size:2rem}}.blackout{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:var(--color-cream);flex-direction:column;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0;overflow:hidden}.blackout--idle{cursor:pointer;background:radial-gradient(circle at 50% 40%, #ffd93d14 0%, transparent 60%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%)}.blackout--playing{cursor:crosshair}.blackout--light-on{background:radial-gradient(circle,#fff0a366 0%,#ffd93d26 40%,#0000 70%),linear-gradient(#fffdf8 0%,#fff5e6 100%)}.blackout--light-off{background:radial-gradient(circle,#1e1914f2 0%,#140f0afa 100%)}.blackout--ended{cursor:default}.blackout__light-overlay{pointer-events:none;z-index:5;transition:opacity .25s;position:absolute;inset:0}.blackout--light-on .blackout__light-overlay{opacity:0}.blackout--light-off .blackout__light-overlay{opacity:1;background:radial-gradient(at 50% 30%,#0000 0%,#0000001a 50%,#0000004d 100%)}.blackout__bulb{background:radial-gradient(circle at 40% 30%,#fff9e6 0%,#ffd93d 40%,#e5c235 100%);border-radius:50% 50% 45% 45%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 0 30px #ffd93d99,0 0 60px #ffd93d4d,inset 0 -8px 20px #0000001a}.blackout__bulb:before{content:"";background:linear-gradient(#a68b7a 0%,#7d5a50 100%);border-radius:0 0 6px 6px;width:24px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.blackout__bulb:after{content:"";filter:blur(2px);background:#fffc;border-radius:50%;width:20%;height:20%;position:absolute;top:15%;left:25%}.blackout__bulb-glow{background:radial-gradient(circle,#ffd93d66 0%,#0000 70%);animation:2s ease-in-out infinite bulbGlow;position:absolute;inset:-20px}.blackout__bulb--celebration{animation:.6s ease-out celebrationBulb}.blackout__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out fadeInUp;display:flex}.blackout__start-icon{background:radial-gradient(circle at 50% 40%,#ffd93d33 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:3s ease-in-out infinite floatBulb;display:flex}.blackout__start-icon-inner{justify-content:center;align-items:center;display:flex}.blackout__start-title{font-family:var(--font-display);color:var(--color-text);text-shadow:0 2px 4px #0000000d;margin:0;font-size:2.2rem;font-weight:700}.blackout__start-description{color:var(--color-text-light);max-width:300px;font-size:1rem;line-height:1.6}.blackout__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:1.2rem;font-weight:700}.blackout__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.blackout__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.blackout__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite countdownPulse;display:flex}.blackout__countdown-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 4px 0 var(--color-primary-dark), 0 8px 30px #ffd93d66;font-size:8rem;font-weight:800;line-height:1}.blackout__game{position:absolute;inset:0;overflow:hidden}.blackout__hud{top:var(--space-md);align-items:center;gap:var(--space-lg);z-index:100;animation:.3s ease-out slideDown;display:flex;position:absolute;left:50%;transform:translate(-50%)}.blackout__timer{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.blackout--light-off .blackout__timer{border-color:var(--color-primary);background:#28231ef2}.blackout--light-off .blackout__timer-label{color:#fff9}.blackout--light-off .blackout__timer-value{color:var(--color-primary)}.blackout__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.blackout__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:1.8rem;font-weight:800;line-height:1}.blackout__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite timerWarning}.blackout__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite timerCritical}.blackout__progress{background:var(--color-primary-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.blackout__progress-fill{background:var(--color-primary);height:100%;transition:width .1s linear}.blackout__phase{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;display:flex}.blackout--light-off .blackout__phase{background:#28231ee6;border-color:#ffffff1a}.blackout__phase-dot{background:var(--color-text-muted);width:10px;height:10px;transition:var(--transition-base);border-radius:50%}.blackout--light-off .blackout__phase-dot{background:#ffffff4d}.blackout__phase-dot--active{transform:scale(1.2)}.blackout__phase-dot--phase1.blackout__phase-dot--active{background:var(--color-secondary);box-shadow:0 0 12px var(--color-secondary)}.blackout__phase-dot--phase2.blackout__phase-dot--active{background:var(--color-accent);box-shadow:0 0 12px var(--color-accent)}.blackout__phase-dot--phase3.blackout__phase-dot--active{background:#ff6b9d;box-shadow:0 0 12px #ff6b9d}.blackout__light-indicator{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;justify-content:center;align-items:center;display:flex}.blackout--light-off .blackout__light-indicator{background:#28231ee6;border-color:#ffffff1a}.blackout__light-bulb{background:#555;border-radius:50%;width:16px;height:16px;transition:all .2s}.blackout__light-bulb--on{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary), 0 0 20px #ffd93d80}.blackout__targets-container{pointer-events:none;position:absolute;inset:0}.blackout__target{pointer-events:auto;cursor:crosshair;border-radius:50%;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}.blackout__target--clicked{pointer-events:none;opacity:0;transition:all .3s ease-out;transform:translate(-50%,-50%)scale(.5)}.blackout__target-zones{border-radius:50%;position:absolute;inset:0;overflow:hidden}.blackout__target-zone{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blackout__target-zone--ok{border:3px solid var(--color-text);width:100%;height:100%;box-shadow:0 4px 0 var(--color-text), inset 0 -4px 8px #0000001a;background:linear-gradient(135deg,#a8e6b0 0%,#6bcb77 100%)}.blackout__target-zone--good{border:2px solid var(--color-text);background:linear-gradient(135deg,#8fbfff 0%,#4d96ff 100%);width:70%;height:70%}.blackout__target-zone--excellent{border:2px solid var(--color-text);background:linear-gradient(135deg,#ffd93d 0%,#e5c235 100%);width:40%;height:40%}.blackout__target-zone--perfect{border:2px solid var(--color-text);background:linear-gradient(135deg,#ff6b9d 0%,#e5527f 100%);width:20%;height:20%;box-shadow:0 0 10px #ff6b9d80}.blackout__target-glow{opacity:1;background:radial-gradient(circle,#6bcb774d 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-10px}.blackout--light-off .blackout__target-glow,.blackout--light-off .blackout__target-zones{opacity:0}.blackout__click-effect{pointer-events:none;z-index:50;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.blackout__click-ripple{border:4px solid var(--color-secondary);border-radius:50%;width:80px;height:80px;animation:.5s ease-out forwards clickRipple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.blackout__click-ripple--perfect{border-width:5px;border-color:#ff6b9d}.blackout__click-ripple--excellent{border-color:var(--color-primary)}.blackout__click-ripple--good{border-color:var(--color-accent)}.blackout__click-ripple--ok{border-color:var(--color-secondary)}.blackout__click-ripple--miss{border-color:#ff3b3b99}.blackout__click-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.9rem;font-weight:700;animation:.8s ease-out forwards labelPopup;position:absolute;top:-30px}.blackout__click-label--perfect{color:#ff6b9d;text-shadow:0 0 10px #ff6b9d80;font-size:1.1rem}.blackout__click-label--excellent{color:var(--color-primary);text-shadow:0 0 8px #ffd93d80}.blackout__click-label--good{color:var(--color-accent)}.blackout__click-label--ok{color:var(--color-secondary)}.blackout__click-label--miss{color:#ff3b3b}.blackout__click-score{font-family:var(--font-display);font-size:1.5rem;font-weight:800;animation:.8s ease-out forwards scorePopup;position:absolute;top:10px}.blackout__click-score--perfect{color:#ff6b9d;text-shadow:0 2px 8px #ff6b9d66;font-size:1.8rem}.blackout__click-score--excellent{color:var(--color-primary);text-shadow:0 2px 6px #ffd93d66}.blackout__click-score--good{color:var(--color-accent);text-shadow:0 2px 4px #4d96ff4d}.blackout__click-score--ok{color:var(--color-secondary)}.blackout__click-score--miss{color:#ff3b3b;font-size:1.2rem}.blackout__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) fadeInScale;display:flex}.blackout__end-celebration{animation:.6s ease-out celebrationBounce}.blackout__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.blackout__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);background:var(--color-primary);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);flex-direction:column;display:flex}.blackout__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.blackout__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.blackout__end-stats{gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.blackout__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;display:flex}.blackout__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.blackout__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.blackout__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.blackout__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.blackout__end-btn--primary{color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text)}.blackout__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.blackout__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes floatBulb{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bulbGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes labelPopup{0%{opacity:0;transform:translateY(10px)scale(.8)}30%{opacity:1;transform:translateY(-5px)scale(1.1)}to{opacity:0;transform:translateY(-30px)scale(1)}}@keyframes celebrationBulb{0%{transform:scale(0)rotate(-10deg)}50%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}@media (max-width:768px){.blackout__start-icon{width:100px;height:100px}.blackout__bulb{width:50px;height:50px}.blackout__bulb:before{width:20px;height:10px;bottom:-6px}.blackout__start-title{font-size:1.8rem}.blackout__start-description{font-size:.9rem}.blackout__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.blackout__countdown-number{font-size:6rem}.blackout__hud{gap:var(--space-md);top:var(--space-sm)}.blackout__timer{padding:var(--space-xs) var(--space-md)}.blackout__timer-value{min-width:50px;font-size:1.4rem}.blackout__end-title{font-size:1.6rem}.blackout__end-score-value{font-size:2.5rem}.blackout__end-stats{flex-wrap:wrap;justify-content:center}.blackout__end-actions{flex-direction:column;width:100%;max-width:260px}.blackout__end-btn{text-align:center;width:100%}}@media (max-width:480px){.blackout__start-title{font-size:1.4rem}.blackout__countdown-number{font-size:5rem}.blackout__phase,.blackout__light-indicator{display:none}.blackout__end-celebration .blackout__bulb{width:40px;height:40px}.blackout__end-score{padding:var(--space-sm) var(--space-xl)}.blackout__end-score-value{font-size:2rem}}.reflex-game{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.reflex-game__placeholder{color:var(--color-text-muted);font-size:var(--font-size-lg)}.type-racer{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 50%, #ff6b9d0d 0%, transparent 70%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.type-racer--idle{cursor:pointer}.type-racer--playing{cursor:text}.type-racer--ended{cursor:default}.type-racer__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out trFadeInUp;display:flex}.type-racer__start-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg,#ff6b9d 0%,#e5527f 100%);justify-content:center;align-items:center;width:100px;height:100px;animation:2s ease-in-out infinite trBounceFloat;display:flex;box-shadow:0 8px #cc4570,0 12px 30px #ff6b9d4d}.type-racer__start-icon-inner{filter:drop-shadow(0 2px 4px #0000001a);font-size:3rem;line-height:1}.type-racer__start-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.type-racer__start-description{color:var(--color-text-light);max-width:280px;font-size:1rem;line-height:1.5}.type-racer__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);background:#ff6b9d;font-size:1.2rem;font-weight:700}.type-racer__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.type-racer__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.type-racer__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite trCountdownPulse;display:flex}.type-racer__countdown-number{font-family:var(--font-display);color:#ff6b9d;text-shadow:0 4px #cc4570,0 8px 30px #ff6b9d66;font-size:8rem;font-weight:800;line-height:1}.type-racer__game{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.type-racer__hud{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);z-index:10;flex-shrink:0;animation:.3s ease-out trSlideDown;display:flex}.type-racer__timer{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #ff6b9d;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #cc4570}.type-racer__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:700}.type-racer__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:1.4rem;font-weight:800;line-height:1}.type-racer__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite trTimerWarning}.type-racer__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite trTimerCritical}.type-racer__progress{background:#ff6b9d33;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.type-racer__progress-fill{background:#ff6b9d;height:100%;transition:width .1s linear}.type-racer__streak{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #4e342e1a;align-items:center;gap:6px;display:flex}.type-racer__streak-icon{font-size:1rem;line-height:1}.type-racer__streak-value{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;line-height:1}.type-racer__streak--active{border-color:#ff6b9d;box-shadow:0 0 12px #ff6b9d33}.type-racer__aid-indicator{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;align-items:center;gap:6px;display:flex}.type-racer__aid-dot{background:var(--color-secondary);border-radius:50%;width:8px;height:8px;transition:opacity .3s,background .3s}.type-racer__aid-dot--fading{background:#ff6b35}.type-racer__aid-dot--off{background:var(--color-text-muted);opacity:.3}.type-racer__aid-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.type-racer__text-area{padding:var(--space-md) var(--space-lg);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.type-racer__source-text{font-family:var(--font-body);color:var(--color-text-muted);word-wrap:break-word;overflow-wrap:break-word;max-height:100%;font-size:1.3rem;line-height:2;position:relative;overflow:hidden}.type-racer__char{letter-spacing:.02em;transition:color .1s;position:relative}.type-racer__char--pending{color:var(--color-text-muted)}.type-racer__char--correct{color:var(--color-text)}.type-racer__char--incorrect{color:#ff3b3b;text-underline-offset:3px;-webkit-text-decoration:underline #ff3b3b;text-decoration:underline #ff3b3b;text-decoration-thickness:2px}.type-racer__char--current{position:relative}.type-racer__char--current:before{content:"";background:#ff6b9d;border-radius:2px;height:3px;animation:1s ease-in-out infinite trCursorBlink;position:absolute;bottom:-2px;left:0;right:0}.type-racer__char--highlighted{background:#ff6b9d14;border-radius:2px;padding:1px 0}.type-racer__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.type-racer__score-popup{font-family:var(--font-display);color:var(--color-secondary);pointer-events:none;z-index:20;text-shadow:0 1px 3px #0000001a;font-size:1.2rem;font-weight:800;animation:.6s ease-out forwards trScoreFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.type-racer__score-popup--streak{color:#ff6b9d;font-size:1.4rem}.type-racer__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) trFadeInScale;display:flex}.type-racer__end-celebration{font-size:4rem;line-height:1;animation:.6s ease-out trCelebrationBounce}.type-racer__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.type-racer__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);background:#ff6b9d;flex-direction:column;display:flex}.type-racer__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.type-racer__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.type-racer__end-stats{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.type-racer__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.type-racer__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.3rem;font-weight:700;line-height:1}.type-racer__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem}.type-racer__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.type-racer__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.type-racer__end-btn--primary{color:var(--color-text);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text);background:#ff6b9d}.type-racer__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.type-racer__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}.type-racer__focus-hint{z-index:50;cursor:pointer;background:#fffdf8d9;justify-content:center;align-items:center;animation:.2s ease-out trFadeIn;display:flex;position:absolute;inset:0}.type-racer__focus-hint-content{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid #4e342e1a;flex-direction:column;display:flex;box-shadow:0 8px 32px #4e342e1f}.type-racer__focus-hint-icon{font-size:2rem;line-height:1;animation:2s ease-in-out infinite trBounceFloat}.type-racer__focus-hint-text{font-family:var(--font-display);color:var(--color-text);font-size:1rem;font-weight:600}@keyframes trFadeIn{0%{opacity:0}to{opacity:1}}@keyframes trFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes trFadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes trBounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes trCountdownPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes trSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes trTimerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes trTimerCritical{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes trCursorBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes trScoreFloat{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-80%)scale(1.1)}to{opacity:0;transform:translate(-50%,-120%)scale(1)}}@keyframes trCelebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.type-racer__start-icon{width:80px;height:80px}.type-racer__start-icon-inner{font-size:2.5rem}.type-racer__start-title{font-size:1.6rem}.type-racer__start-description{font-size:.9rem}.type-racer__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.type-racer__countdown-number{font-size:6rem}.type-racer__hud{gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.type-racer__timer-value{min-width:40px;font-size:1.2rem}.type-racer__source-text{font-size:1.1rem;line-height:1.9}.type-racer__text-area{padding:var(--space-sm) var(--space-md)}.type-racer__end-title{font-size:1.6rem}.type-racer__end-score-value{font-size:2.5rem}.type-racer__end-stats{gap:var(--space-sm)}.type-racer__end-stat{padding:var(--space-xs) var(--space-sm);min-width:60px}.type-racer__end-stat-value{font-size:1.1rem}.type-racer__end-actions{flex-direction:column;width:100%;max-width:260px}.type-racer__end-btn{text-align:center;width:100%}}@media (max-width:480px){.type-racer__start-title{font-size:1.4rem}.type-racer__countdown-number{font-size:5rem}.type-racer__source-text{font-size:1rem;line-height:1.8}.type-racer__end-celebration{font-size:3rem}.type-racer__end-score{padding:var(--space-sm) var(--space-xl)}.type-racer__end-score-value{font-size:2rem}.type-racer__aid-label{display:none}}.zone-switch{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--color-cream);flex-direction:column;justify-content:center;align-items:center;transition:background .4s;display:flex;position:absolute;inset:0;overflow:hidden}.zone-switch--idle{cursor:pointer;background:radial-gradient(circle at 30% 40%, #ff64640f 0%, transparent 40%), radial-gradient(circle at 70% 60%, #64ff640f 0%, transparent 40%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%)}.zone-switch--playing{cursor:default}.zone-switch--red{background:radial-gradient(circle,#ff646414 0%,#0000 60%),linear-gradient(#fff8f6 0%,#fff5f2 100%)}.zone-switch--green{background:radial-gradient(circle,#64ff6414 0%,#0000 60%),linear-gradient(#f6fff8 0%,#f2fff5 100%)}.zone-switch--ended{cursor:default}.zone-switch__traffic-light{border:3px solid var(--color-text);box-shadow:0 4px 0 var(--color-text), inset 0 2px 4px #ffffff1a;background:linear-gradient(#4a4a4a 0%,#2d2d2d 100%);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;position:relative}.zone-switch__traffic-light:after{content:"";background:linear-gradient(#3d3d3d 0%,#2a2a2a 100%);border-radius:0 0 3px 3px;width:8px;height:12px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.zone-switch__traffic-light--idle{transform:scale(1.5)}.zone-switch__traffic-light--celebration{animation:.6s ease-out celebrationLight}.zone-switch__light{border-radius:50%;width:20px;height:20px;transition:all .2s;position:relative}.zone-switch__light--red{background:#4a2020;box-shadow:inset 0 2px 4px #0006}.zone-switch__light--red.zone-switch__light--on{background:radial-gradient(circle at 40% 35%,#ff8080 0%,#f44 50%,#cc2020 100%);box-shadow:0 0 15px #f44c,0 0 30px #f446,inset 0 -2px 4px #0003}.zone-switch__light--green{background:#204a20;box-shadow:inset 0 2px 4px #0006}.zone-switch__light--green.zone-switch__light--on{background:radial-gradient(circle at 40% 35%,#80ff80 0%,#4f4 50%,#20cc20 100%);box-shadow:0 0 15px #4f4c,0 0 30px #4f46,inset 0 -2px 4px #0003}.zone-switch__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out fadeInUp;display:flex}.zone-switch__start-icon{background:radial-gradient(circle at 50% 40%,#4e342e14 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2rem;animation:3s ease-in-out infinite floatLight;display:flex}.zone-switch__start-title{font-family:var(--font-display);color:var(--color-text);text-shadow:0 2px 4px #0000000d;margin:0;font-size:2.2rem;font-weight:700}.zone-switch__start-description{color:var(--color-text-light);max-width:300px;font-size:1rem;line-height:1.6}.zone-switch__start-rules{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;display:flex}.zone-switch__start-rule{align-items:center;gap:var(--space-sm);display:flex}.zone-switch__rule-light{border-radius:50%;width:16px;height:16px}.zone-switch__rule-light--red{background:radial-gradient(circle at 40% 35%,#ff8080 0%,#f44 50%,#cc2020 100%);box-shadow:0 0 8px #ff444480}.zone-switch__rule-light--green{background:radial-gradient(circle at 40% 35%,#80ff80 0%,#4f4 50%,#20cc20 100%);box-shadow:0 0 8px #44ff4480}.zone-switch__rule-text{color:var(--color-text);font-size:.9rem;font-weight:600}.zone-switch__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:1.2rem;font-weight:700}.zone-switch__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.zone-switch__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.zone-switch--countdown{background:radial-gradient(circle at 50% 50%, #ffd93d1a 0%, transparent 60%), var(--color-cream)}.zone-switch__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite countdownPulse;display:flex}.zone-switch__countdown-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 4px 0 var(--color-primary-dark), 0 8px 30px #ffd93d66;font-size:8rem;font-weight:800;line-height:1}.zone-switch__game{position:absolute;inset:0;overflow:hidden}.zone-switch__hud{top:var(--space-md);align-items:center;gap:var(--space-lg);z-index:100;animation:.3s ease-out slideDown;display:flex;position:absolute;left:50%;transform:translate(-50%)}.zone-switch__timer{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.zone-switch__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.zone-switch__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:1.8rem;font-weight:800;line-height:1}.zone-switch__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite timerWarning}.zone-switch__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite timerCritical}.zone-switch__progress{background:var(--color-primary-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.zone-switch__progress-fill{background:var(--color-primary);height:100%;transition:width .1s linear}.zone-switch__phase{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;display:flex}.zone-switch__phase-dot{background:var(--color-text-muted);width:10px;height:10px;transition:var(--transition-base);border-radius:50%}.zone-switch__phase-dot--active{transform:scale(1.2)}.zone-switch__phase-dot--phase1.zone-switch__phase-dot--active{background:var(--color-secondary);box-shadow:0 0 12px var(--color-secondary)}.zone-switch__phase-dot--phase2.zone-switch__phase-dot--active{background:var(--color-accent);box-shadow:0 0 12px var(--color-accent)}.zone-switch__phase-dot--phase3.zone-switch__phase-dot--active{background:#ff6b9d;box-shadow:0 0 12px #ff6b9d}.zone-switch__streak{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #ffa03c4d;align-items:center;gap:4px;display:flex}.zone-switch__streak-value{font-family:var(--font-display);color:var(--color-text);text-align:center;min-width:20px;font-size:1.2rem;font-weight:700}.zone-switch__streak-icon{font-size:1rem}.zone-switch__zones-container{pointer-events:none;position:absolute;inset:0}.zone-switch__zone{border-radius:50%;transition:width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:translate(-50%,-50%)}.zone-switch__zone-inner{border:4px solid var(--color-text);box-shadow:0 6px 0 var(--color-text), inset 0 -4px 10px #0000001a;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zone-switch__zone--a .zone-switch__zone-inner{background:linear-gradient(145deg,#ffb3b3 0%,#ff7070 50%,#e65050 100%)}.zone-switch__zone--b .zone-switch__zone-inner{background:linear-gradient(145deg,#b3ffb3 0%,#70ff70 50%,#50e650 100%)}.zone-switch__zone--target .zone-switch__zone-inner{animation:1s ease-in-out infinite zonePulse}.zone-switch__zone--has-player .zone-switch__zone-inner{transform:scale(1.02)}.zone-switch__zone-label{font-family:var(--font-display);color:var(--color-text);text-shadow:0 2px #ffffff80;opacity:.8;font-size:2.5rem;font-weight:800}.zone-switch__zone-glow{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:-15px}.zone-switch__zone--a .zone-switch__zone-glow{background:radial-gradient(circle,#ff646466 0%,#0000 70%)}.zone-switch__zone--b .zone-switch__zone-glow{background:radial-gradient(circle,#64ff6466 0%,#0000 70%)}.zone-switch__zone--target .zone-switch__zone-glow{opacity:1}.zone-switch__feedback{align-items:center;gap:var(--space-xs);z-index:60;pointer-events:none;flex-direction:column;animation:.8s ease-out forwards feedbackPop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zone-switch__feedback-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:1.5rem;font-weight:700}.zone-switch__feedback-points{font-family:var(--font-display);font-size:2rem;font-weight:800}.zone-switch__feedback--success .zone-switch__feedback-text,.zone-switch__feedback--success .zone-switch__feedback-points{color:var(--color-secondary);text-shadow:0 2px 8px #6bcb7780}.zone-switch__feedback--fast .zone-switch__feedback-text,.zone-switch__feedback--fast .zone-switch__feedback-points{color:var(--color-accent);text-shadow:0 2px 8px #4d96ff80}.zone-switch__feedback--centered .zone-switch__feedback-text,.zone-switch__feedback--centered .zone-switch__feedback-points{color:var(--color-primary);text-shadow:0 2px 8px #ffd93d80}.zone-switch__feedback--perfect .zone-switch__feedback-text,.zone-switch__feedback--perfect .zone-switch__feedback-points{color:#ff6b9d;text-shadow:0 2px 8px #ff6b9d80;font-size:1.8rem}.zone-switch__feedback--perfect .zone-switch__feedback-points{font-size:2.4rem}.zone-switch__feedback--fail .zone-switch__feedback-text{color:#f44;text-shadow:0 2px 8px #ff444480}.zone-switch__feedback--wrong .zone-switch__feedback-text{color:#ff6b35;text-shadow:0 2px 8px #ff6b3580}.zone-switch__zone-indicator{bottom:var(--space-lg);padding:var(--space-xs) var(--space-lg);font-family:var(--font-display);border-radius:var(--radius-pill);z-index:50;transition:var(--transition-fast);border:2px solid;font-size:.9rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.zone-switch__zone-indicator--correct{border-color:var(--color-secondary-dark);color:var(--color-text);box-shadow:0 3px 0 var(--color-secondary-dark);background:#6bcb77f2}.zone-switch__zone-indicator--wrong{color:var(--color-text);background:#ff6b6bf2;border-color:#cc4040;animation:.3s ease-in-out indicatorShake;box-shadow:0 3px #cc4040}.zone-switch__zone-indicator--outside{border-color:var(--color-text-muted);color:var(--color-text-muted);background:#ffffffe6;box-shadow:0 3px #4e342e33}.zone-switch__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) fadeInScale;display:flex}.zone-switch__end-celebration{animation:.6s ease-out celebrationBounce}.zone-switch__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.zone-switch__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);background:var(--color-primary);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);flex-direction:column;display:flex}.zone-switch__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.zone-switch__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.zone-switch__end-stats{gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.zone-switch__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;display:flex}.zone-switch__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.zone-switch__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.zone-switch__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.zone-switch__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.zone-switch__end-btn--primary{color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text)}.zone-switch__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.zone-switch__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes floatLight{0%,to{transform:translateY(0)scale(1.5)}50%{transform:translateY(-8px)scale(1.5)}}@keyframes zonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,calc(-50% - 40px))scale(1)}}@keyframes indicatorShake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 4px))}40%{transform:translate(calc(4px - 50%))}60%{transform:translate(calc(-50% - 2px))}80%{transform:translate(calc(2px - 50%))}}@keyframes celebrationLight{0%{transform:scale(0)rotate(-10deg)}50%{transform:scale(1.3)rotate(5deg)}to{transform:scale(1)rotate(0)}}@media (max-width:768px){.zone-switch__start-icon{width:80px;height:80px}.zone-switch__traffic-light--idle{transform:scale(1.2)}.zone-switch__start-title{font-size:1.8rem}.zone-switch__start-description{font-size:.9rem}.zone-switch__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.zone-switch__countdown-number{font-size:6rem}.zone-switch__hud{gap:var(--space-md);top:var(--space-sm)}.zone-switch__timer{padding:var(--space-xs) var(--space-md)}.zone-switch__timer-value{min-width:50px;font-size:1.4rem}.zone-switch__zone-label{font-size:2rem}.zone-switch__end-title{font-size:1.6rem}.zone-switch__end-score-value{font-size:2.5rem}.zone-switch__end-stats{flex-wrap:wrap;justify-content:center}.zone-switch__end-actions{flex-direction:column;width:100%;max-width:260px}.zone-switch__end-btn{text-align:center;width:100%}}@media (max-width:480px){.zone-switch__start-title{font-size:1.4rem}.zone-switch__countdown-number{font-size:5rem}.zone-switch__phase{display:none}.zone-switch__streak{padding:var(--space-xs) var(--space-sm)}.zone-switch__streak-value{font-size:1rem}.zone-switch__zone-label{font-size:1.5rem}.zone-switch__end-score{padding:var(--space-sm) var(--space-xl)}.zone-switch__end-score-value{font-size:2rem}.zone-switch__feedback-text{font-size:1.2rem}.zone-switch__feedback-points{font-size:1.6rem}}.kaleidoscope{-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:crosshair;background:radial-gradient(circle at 30% 20%, #4d96ff14 0%, transparent 50%), radial-gradient(circle at 70% 80%, #6bcb7714 0%, transparent 50%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.kaleidoscope--idle{cursor:pointer}.kaleidoscope--playing{cursor:crosshair}.kaleidoscope--ended{cursor:default}.kaleidoscope__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out kaleidoFadeInUp;display:flex}.kaleidoscope__start-icon{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);border-radius:var(--radius-xl);width:100px;height:100px;box-shadow:0 8px 0 var(--color-accent-dark), 0 12px 30px #4d96ff4d;justify-content:center;align-items:center;animation:2s ease-in-out infinite kaleidoBounceFloat;display:flex}.kaleidoscope__start-icon-inner{filter:drop-shadow(0 2px 4px #0000001a);font-size:3rem;line-height:1}.kaleidoscope__start-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.kaleidoscope__start-description{color:var(--color-text-light);max-width:300px;font-size:1rem;line-height:1.5}.kaleidoscope__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);background:var(--color-accent);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:1.2rem;font-weight:700}.kaleidoscope__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.kaleidoscope__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.kaleidoscope__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite kaleidoCountdownPulse;display:flex}.kaleidoscope__countdown-number{font-family:var(--font-display);color:var(--color-accent);text-shadow:0 4px 0 var(--color-accent-dark), 0 8px 30px #4d96ff66;font-size:8rem;font-weight:800;line-height:1}.kaleidoscope__hud{top:var(--space-md);align-items:center;gap:var(--space-lg);z-index:100;animation:.3s ease-out kaleidoSlideDown;display:flex;position:absolute;left:50%;transform:translate(-50%)}.kaleidoscope__timer{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--color-accent);box-shadow:0 4px 0 var(--color-accent-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;min-width:90px;display:flex;position:relative;overflow:hidden}.kaleidoscope__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.kaleidoscope__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800;line-height:1}.kaleidoscope__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite kaleidoTimerWarning}.kaleidoscope__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite kaleidoTimerCritical}.kaleidoscope__progress{background:var(--color-accent-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.kaleidoscope__progress-fill{background:var(--color-accent);height:100%;transition:width .1s linear}.kaleidoscope__target-preview{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--color-secondary);box-shadow:0 4px 0 var(--color-secondary-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;display:flex}.kaleidoscope__target-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.kaleidoscope__target-emoji{font-size:2rem;line-height:1;animation:1.5s ease-in-out infinite kaleidoTargetPulse}.kaleidoscope__level-info{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);background:#fffffff2;flex-direction:column;align-items:center;gap:4px;min-width:70px;display:flex}.kaleidoscope__level-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.kaleidoscope__level-value{font-family:var(--font-display);color:var(--color-text);font-size:1.8rem;font-weight:800;line-height:1}.kaleidoscope__grid{gap:var(--space-xs);padding:var(--space-md);top:80px;left:var(--space-md);right:var(--space-md);bottom:var(--space-md);transition:opacity .2s ease-out,transform .3s ease-out;display:grid;position:absolute}.kaleidoscope__grid--transition-out{opacity:0;transform:scale(.95)}.kaleidoscope__grid--transition-in{animation:.3s ease-out kaleidoGridIn}.kaleidoscope__object{border-radius:var(--radius-md);cursor:pointer;aspect-ratio:1;background:#fff9;border:2px solid #4e342e1a;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:transform .15s ease-out,border-color .15s ease-out,background .15s ease-out;display:flex}.kaleidoscope__object:active{transform:scale(.92)}.kaleidoscope__object-emoji{font-size:clamp(1.2rem,4vw,2.5rem);line-height:1;transition:transform .15s ease-out}.kaleidoscope__streak{bottom:var(--space-lg);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:2px solid var(--color-text);box-shadow:0 3px 0 var(--color-text);z-index:50;background:linear-gradient(135deg,#ff6b35 0%,#f44 100%);animation:.3s cubic-bezier(.34,1.56,.64,1) kaleidoStreakPop;display:flex;position:absolute;left:50%;transform:translate(-50%)}.kaleidoscope__streak-icon{font-size:1.2rem;animation:.5s ease-in-out infinite kaleidoFireWiggle}.kaleidoscope__streak-value{font-family:var(--font-display);color:var(--color-white);text-shadow:0 1px 2px #0003;font-size:1.2rem;font-weight:800}.kaleidoscope__click-effect{pointer-events:none;z-index:150;position:absolute;transform:translate(-50%,-50%)}.kaleidoscope__click-ripple{border:3px solid var(--color-secondary);border-radius:50%;width:80px;height:80px;animation:.5s ease-out forwards kaleidoClickRipple;position:absolute;transform:translate(-50%,-50%)scale(0)}.kaleidoscope__click-ripple--miss{border-color:#ff3c3c99}.kaleidoscope__click-ripple--hit{border-color:var(--color-secondary);border-width:4px}.kaleidoscope__click-score{font-family:var(--font-display);pointer-events:none;white-space:nowrap;font-size:1.8rem;font-weight:800;animation:.8s ease-out forwards kaleidoScorePopup;position:absolute;transform:translate(-50%,-50%)}.kaleidoscope__click-score--hit{color:var(--color-secondary);text-shadow:0 2px 4px #00000026,0 0 20px #6bcb7780}.kaleidoscope__click-score--miss{color:#f55;text-shadow:0 1px 3px #0003;font-size:1.2rem}.kaleidoscope__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) kaleidoFadeInScale;display:flex}.kaleidoscope__end-celebration{font-size:4rem;line-height:1;animation:.6s ease-out kaleidoCelebrationBounce}.kaleidoscope__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.kaleidoscope__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);background:var(--color-accent);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);flex-direction:column;display:flex}.kaleidoscope__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.kaleidoscope__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.kaleidoscope__end-stats{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.kaleidoscope__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.kaleidoscope__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.kaleidoscope__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.kaleidoscope__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.kaleidoscope__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.kaleidoscope__end-btn--primary{color:var(--color-text);background:var(--color-accent);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text)}.kaleidoscope__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.kaleidoscope__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes kaleidoFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kaleidoFadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes kaleidoBounceFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes kaleidoCountdownPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes kaleidoSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes kaleidoTimerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes kaleidoTimerCritical{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes kaleidoTargetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes kaleidoGridIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes kaleidoStreakPop{0%{transform:translate(-50%)scale(0)}70%{transform:translate(-50%)scale(1.2)}to{transform:translate(-50%)scale(1)}}@keyframes kaleidoFireWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes kaleidoClickRipple{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes kaleidoScorePopup{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}30%{opacity:1;transform:translate(-50%,-80%)scale(1.3)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}@keyframes kaleidoCelebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.kaleidoscope__start-icon{width:80px;height:80px}.kaleidoscope__start-icon-inner{font-size:2.5rem}.kaleidoscope__start-title{font-size:1.6rem}.kaleidoscope__start-description{font-size:.9rem}.kaleidoscope__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.kaleidoscope__countdown-number{font-size:6rem}.kaleidoscope__hud{gap:var(--space-sm);top:var(--space-sm);padding:0 var(--space-xs);justify-content:center;width:100%}.kaleidoscope__timer,.kaleidoscope__level-info{padding:var(--space-xs) var(--space-sm);min-width:60px}.kaleidoscope__timer-value,.kaleidoscope__level-value{font-size:1.4rem}.kaleidoscope__target-preview{padding:var(--space-xs) var(--space-sm)}.kaleidoscope__target-emoji{font-size:1.6rem}.kaleidoscope__grid{padding:var(--space-sm);gap:3px;top:70px}.kaleidoscope__end-title{font-size:1.6rem}.kaleidoscope__end-score-value{font-size:2.5rem}.kaleidoscope__end-stats{flex-wrap:wrap;justify-content:center}.kaleidoscope__end-actions{flex-direction:column;width:100%;max-width:260px}.kaleidoscope__end-btn{text-align:center;width:100%}.kaleidoscope__streak{bottom:var(--space-md);padding:var(--space-xs) var(--space-sm)}.kaleidoscope__streak-icon,.kaleidoscope__streak-value{font-size:1rem}}@media (max-width:480px){.kaleidoscope__start-title{font-size:1.4rem}.kaleidoscope__countdown-number{font-size:5rem}.kaleidoscope__hud{gap:var(--space-xs)}.kaleidoscope__timer-label,.kaleidoscope__target-label,.kaleidoscope__level-label{display:none}.kaleidoscope__timer,.kaleidoscope__level-info,.kaleidoscope__target-preview{padding:var(--space-xs) var(--space-sm)}.kaleidoscope__grid{padding:var(--space-xs);gap:2px;top:55px}.kaleidoscope__object{border-radius:var(--radius-sm)}.kaleidoscope__end-celebration{font-size:3rem}.kaleidoscope__end-score{padding:var(--space-sm) var(--space-xl)}.kaleidoscope__end-score-value{font-size:2rem}.kaleidoscope__end-stat{min-width:60px;padding:var(--space-xs) var(--space-sm)}.kaleidoscope__end-stat-value{font-size:1.2rem}.kaleidoscope__click-score{font-size:1.4rem}.kaleidoscope__click-score--miss{font-size:1rem}}.tower-defense{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#6bcb770f 0%,#0000 50%),linear-gradient(135deg,#fff9f0 0%,#fffdf8 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tower-defense--idle{cursor:pointer}.tower-defense--playing{cursor:crosshair;background:radial-gradient(circle,#4d96ff14 0%,#6bcb770a 40%,#0000 70%),linear-gradient(135deg,#f8feff 0%,#f0fff8 100%)}.tower-defense--countdown,.tower-defense--ended{cursor:default}.tower-defense__start{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;max-width:500px;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeSlideUp;display:flex}.tower-defense__start-icon{position:relative}.tower-defense__tower-preview{width:120px;height:120px;animation:3s ease-in-out infinite float;position:relative}.tower-defense__tower-core{border-radius:var(--radius-round);background:linear-gradient(135deg,#4d96ff 0%,#3a7fe5 100%);width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #4d96ff99,inset 0 2px 8px #ffffff4d}.tower-defense__tower-ring{border-radius:var(--radius-round);border:3px solid #4d96ff4d;animation:2s ease-in-out infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__tower-ring--1{width:75px;height:75px;animation-delay:0s}.tower-defense__tower-ring--2{width:100px;height:100px;animation-delay:.5s}.tower-defense__start-title{color:var(--color-text);margin:0;font-size:2.5rem;font-weight:700}.tower-defense__start-description{color:var(--color-text-light);margin:0;font-size:1.125rem;line-height:1.6}.tower-defense__start-phases{gap:var(--space-md);width:100%;display:flex}.tower-defense__start-phase{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);border:2px solid var(--color-primary);box-shadow:0 4px 0 var(--color-primary-dark);flex-direction:column;flex:1;display:flex}.tower-defense__phase-number{background:var(--color-primary);width:36px;height:36px;color:var(--color-text);font-family:var(--font-display);border-radius:var(--radius-round);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.tower-defense__phase-desc{color:var(--color-text-light);font-size:.875rem;font-weight:600}.tower-defense__start-btn{padding:var(--space-md) var(--space-2xl);background:var(--color-primary);color:var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);transition:transform var(--transition-fast);font-size:1.25rem;font-weight:700}.tower-defense__start-btn:hover{transform:translateY(-2px)}.tower-defense__start-btn:active{box-shadow:0 2px 0 var(--color-primary-dark);transform:translateY(4px)}.tower-defense__countdown{justify-content:center;align-items:center;display:flex}.tower-defense__countdown-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 8px 0 var(--color-primary-dark);font-size:10rem;font-weight:800;animation:1s cubic-bezier(.34,1.56,.64,1) countdown-pulse}.tower-defense__game{position:absolute;inset:0}.tower-defense__hud{top:var(--space-lg);align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);border:2px solid var(--color-primary);box-shadow:0 6px 0 var(--color-primary-dark), var(--shadow-card);z-index:var(--z-sticky);background:#fffffff2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tower-defense__timer{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.tower-defense__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.tower-defense__timer-value{font-family:var(--font-display);color:var(--color-text);transition:color var(--transition-base);font-size:1.5rem;font-weight:700}.tower-defense__timer-value--warning{color:#ff9800}.tower-defense__timer-value--critical{color:#ff5252;animation:.5s ease-in-out infinite pulse-urgent}.tower-defense__progress{background:var(--color-background-alt);border-radius:var(--radius-pill);width:100px;height:6px;overflow:hidden}.tower-defense__progress-fill{background:linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);border-radius:var(--radius-pill);height:100%;transition:width .1s linear}.tower-defense__phase-indicator{align-items:center;gap:var(--space-sm);display:flex}.tower-defense__phase-dot{background:var(--color-text-muted);border-radius:var(--radius-round);opacity:.3;width:12px;height:12px;transition:all var(--transition-base)}.tower-defense__phase-dot--active{opacity:1;transform:scale(1.3)}.tower-defense__phase-dot--phase1.tower-defense__phase-dot--active{background:var(--color-secondary);box-shadow:0 0 12px #6bcb7799}.tower-defense__phase-dot--phase2.tower-defense__phase-dot--active{background:var(--color-primary);box-shadow:0 0 12px #ffd93d99}.tower-defense__phase-dot--phase3.tower-defense__phase-dot--active{background:#ff5252;box-shadow:0 0 12px #ff525299}.tower-defense__streak{align-items:center;gap:var(--space-xs);display:flex}.tower-defense__streak-value{font-family:var(--font-display);color:#ff6b35;font-size:1.25rem;font-weight:700}.tower-defense__streak-icon{font-size:1.25rem;animation:.8s ease-in-out infinite flicker}.tower-defense__base{pointer-events:none;width:8%;height:8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__base-core{border-radius:var(--radius-round);background:linear-gradient(135deg,#4d96ff 0%,#3a7fe5 100%);width:60%;height:60%;animation:2s ease-in-out infinite base-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 8px #fff6}.tower-defense__base-ring{border-radius:var(--radius-round);border:2px solid #4d96ff66;animation:2s ease-in-out infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__base-ring--1{width:80%;height:80%;animation-delay:0s}.tower-defense__base-ring--2{width:100%;height:100%;animation-delay:.4s}.tower-defense__base-ring--3{width:120%;height:120%;animation-delay:.8s}.tower-defense__base-glow{border-radius:var(--radius-round);background:radial-gradient(circle,#4d96ff4d 0%,#0000 70%);width:150%;height:150%;animation:2s ease-in-out infinite glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__enemy{pointer-events:all;cursor:crosshair;animation:.3s cubic-bezier(.34,1.56,.64,1) enemy-spawn;position:absolute;transform:translate(-50%,-50%)}.tower-defense__enemy-body{border-radius:var(--radius-round);width:70%;height:70%;transition:transform var(--transition-fast);background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #ff6b6b66,inset 0 2px 4px #ffffff4d}.tower-defense__enemy:hover .tower-defense__enemy-body{transform:translate(-50%,-50%)scale(1.1)}.tower-defense__enemy--strong .tower-defense__enemy-body{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);box-shadow:0 4px 12px #9b59b680,inset 0 2px 4px #ffffff4d}.tower-defense__enemy-hp{pointer-events:none;gap:3px;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tower-defense__enemy-hp-dot{background:var(--color-white);border-radius:var(--radius-round);border:1px solid #8e44ad;width:6px;height:6px;box-shadow:0 2px 4px #0003}.tower-defense__enemy-glow{border-radius:var(--radius-round);pointer-events:none;background:radial-gradient(circle,#ff6b6b4d 0%,#0000 60%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__enemy--strong .tower-defense__enemy-glow{background:radial-gradient(circle,#9b59b666 0%,#0000 60%)}.tower-defense__click-effect{pointer-events:none;width:60px;height:60px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards click-burst;position:absolute;transform:translate(-50%,-50%)}.tower-defense__click-ring{border-radius:var(--radius-round);opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__click-effect--hit .tower-defense__click-ring{border:3px solid var(--color-primary);animation:.4s ease-out forwards ring-expand}.tower-defense__click-effect--miss .tower-defense__click-ring{border:2px solid var(--color-text-muted);animation:.3s ease-out forwards ring-expand}.tower-defense__click-effect--kill .tower-defense__click-ring{border:4px solid var(--color-secondary);animation:.5s ease-out forwards ring-expand}.tower-defense__click-ring--1{animation-delay:0s}.tower-defense__click-ring--2{animation-delay:50ms}.tower-defense__click-ring--3{animation-delay:.1s}.tower-defense__feedback{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);pointer-events:none;z-index:var(--z-tooltip);background:#fffffff2;flex-direction:column;animation:1s cubic-bezier(.34,1.56,.64,1) feedback-bounce;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.tower-defense__feedback-text{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.tower-defense__feedback-points{font-family:var(--font-display);color:var(--color-secondary);font-size:1.25rem;font-weight:700}.tower-defense__feedback--kill{border:3px solid var(--color-secondary)}.tower-defense__feedback--fast{border:3px solid var(--color-primary)}.tower-defense__feedback--precision{border:3px solid var(--color-accent)}.tower-defense__feedback--streak{border:3px solid #ff6b35}.tower-defense__end{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;max-width:500px;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeSlideUp;display:flex}.tower-defense__end-celebration{position:relative}.tower-defense__tower-victory{width:120px;height:120px;position:relative}.tower-defense__tower-core--victory{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);border-radius:var(--radius-round);width:60px;height:60px;animation:1s ease-in-out infinite victory-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #6bcb77cc,inset 0 2px 8px #fff6}.tower-defense__victory-rays{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower-defense__victory-ray{background:linear-gradient(to bottom, var(--color-primary), transparent);transform-origin:50% 0;width:3px;height:60px;animation:3s linear infinite rotate-ray;position:absolute;top:50%;left:50%}.tower-defense__victory-ray:first-child{transform:translate(-50%,-50%)rotate(0)}.tower-defense__victory-ray:nth-child(2){transform:translate(-50%,-50%)rotate(45deg)}.tower-defense__victory-ray:nth-child(3){transform:translate(-50%,-50%)rotate(90deg)}.tower-defense__victory-ray:nth-child(4){transform:translate(-50%,-50%)rotate(135deg)}.tower-defense__victory-ray:nth-child(5){transform:translate(-50%,-50%)rotate(180deg)}.tower-defense__victory-ray:nth-child(6){transform:translate(-50%,-50%)rotate(225deg)}.tower-defense__victory-ray:nth-child(7){transform:translate(-50%,-50%)rotate(270deg)}.tower-defense__victory-ray:nth-child(8){transform:translate(-50%,-50%)rotate(315deg)}.tower-defense__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.tower-defense__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);background:var(--color-primary);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);flex-direction:column;display:flex}.tower-defense__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.tower-defense__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:800;line-height:1}.tower-defense__end-stats{gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.tower-defense__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;display:flex}.tower-defense__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.tower-defense__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.tower-defense__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.tower-defense__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.tower-defense__end-btn--primary{color:var(--color-text);background:var(--color-primary);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text)}.tower-defense__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.tower-defense__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes countdown-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}@keyframes base-pulse{0%,to{box-shadow:inset 0 2px 8px #fff6,0 0 20px #4d96ff66}50%{box-shadow:inset 0 2px 8px #fff9,0 0 30px #4d96ff99}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes enemy-spawn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes click-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes ring-expand{0%{opacity:1;width:0;height:0}to{opacity:0;width:100%;height:100%}}@keyframes feedback-bounce{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.8)}50%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}to{transform:translate(-50%)translateY(0)scale(1)}}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.6}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}@keyframes victory-pulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 40px #6bcb77cc,inset 0 2px 8px #fff6}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 60px #6bcb77,inset 0 2px 8px #fff9}}@keyframes rotate-ray{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.data-chain{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 50%, #4d96ff0f 0%, transparent 70%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.data-chain--idle{cursor:pointer}.data-chain--playing,.data-chain--ended{cursor:default}.data-chain__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out dcFadeInUp;display:flex}.data-chain__start-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg,#4d96ff 0%,#3a7bcc 100%);justify-content:center;align-items:center;width:100px;height:100px;animation:2s ease-in-out infinite dcBounceFloat;display:flex;box-shadow:0 8px #2d5f99,0 12px 30px #4d96ff4d}.data-chain__start-icon-inner{filter:drop-shadow(0 2px 4px #0000001a);font-size:3rem;line-height:1}.data-chain__start-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.data-chain__start-description{color:var(--color-text-light);max-width:320px;font-size:1rem;line-height:1.5}.data-chain__start-example{align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background:#4d96ff14;border:2px dashed #4d96ff4d;flex-direction:column;display:flex}.data-chain__start-example-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.data-chain__start-example-chain{align-items:center;gap:var(--space-xs);font-family:var(--font-display);color:var(--color-text);font-size:1.1rem;font-weight:600;display:flex}.data-chain__start-example-arrow{color:#4d96ff}.data-chain__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-text);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);background:#4d96ff;font-size:1.2rem;font-weight:700}.data-chain__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.data-chain__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.data-chain__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite dcCountdownPulse;display:flex}.data-chain__countdown-number{font-family:var(--font-display);color:#4d96ff;text-shadow:0 4px #2d5f99,0 8px 30px #4d96ff66;font-size:8rem;font-weight:800;line-height:1}.data-chain__game{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.data-chain__hud{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);z-index:10;flex-shrink:0;animation:.3s ease-out dcSlideDown;display:flex}.data-chain__timer{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #4d96ff;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #2d5f99}.data-chain__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:700}.data-chain__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:1.4rem;font-weight:800;line-height:1}.data-chain__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite dcTimerWarning}.data-chain__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite dcTimerCritical}.data-chain__progress{background:#4d96ff33;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.data-chain__progress-fill{background:#4d96ff;height:100%;transition:width .1s linear}.data-chain__streak{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #4e342e1a;align-items:center;gap:6px;transition:all .2s;display:flex}.data-chain__streak-icon{font-size:1rem;line-height:1}.data-chain__streak-value{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;line-height:1}.data-chain__streak--active{border-color:var(--color-secondary);box-shadow:0 0 12px #6bcb774d}.data-chain__phase{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;align-items:center;gap:6px;display:flex}.data-chain__phase-dot{background:var(--color-secondary);border-radius:50%;width:8px;height:8px;transition:background .3s}.data-chain__phase-dot--phase2{background:#ff9f1c}.data-chain__phase-dot--phase3{background:#ff3b3b}.data-chain__phase-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.data-chain__operation-area{padding:var(--space-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.data-chain__operation{align-items:center;gap:var(--space-lg);flex-direction:column;animation:.3s ease-out dcOperationAppear;display:flex}.data-chain__operation-expression{align-items:center;gap:var(--space-md);font-family:var(--font-display);display:flex}.data-chain__operation-number{color:var(--color-text);text-align:center;min-width:80px;font-size:4rem;font-weight:800;line-height:1}.data-chain__operation-number--chain{color:#4d96ff;position:relative}.data-chain__operation-number--chain:after{content:"";opacity:.5;background:#4d96ff;border-radius:2px;width:60%;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.data-chain__operation-symbol{color:var(--color-text-muted);font-size:3rem;font-weight:700;line-height:1}.data-chain__operation-equals{color:var(--color-text);font-size:3rem;font-weight:700;line-height:1}.data-chain__operation-result{color:var(--color-text);text-align:center;min-width:100px;font-size:4rem;font-weight:800;line-height:1}.data-chain__input-wrapper{position:relative}.data-chain__input{width:180px;padding:var(--space-md) var(--space-lg);font-family:var(--font-display);text-align:center;color:var(--color-text);background:var(--color-white);border:3px solid var(--color-text);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--color-text);-moz-appearance:textfield;outline:none;font-size:2.5rem;font-weight:700;transition:all .15s}.data-chain__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.data-chain__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-chain__input:focus{border-color:#4d96ff;box-shadow:0 4px #4d96ff,0 0 0 4px #4d96ff33}.data-chain__input--correct{border-color:var(--color-secondary);box-shadow:0 4px 0 var(--color-secondary);animation:.3s ease-out dcInputCorrect}.data-chain__input--incorrect{border-color:#ff3b3b;animation:.4s ease-out dcInputShake;box-shadow:0 4px #ff3b3b}.data-chain__input-hint{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.data-chain__feedback{font-family:var(--font-display);pointer-events:none;z-index:20;font-size:1.5rem;font-weight:800;animation:.6s ease-out forwards dcFeedbackFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.data-chain__feedback--correct{color:var(--color-secondary)}.data-chain__feedback--incorrect{color:#ff3b3b}.data-chain__feedback--bonus{color:#4d96ff;font-size:1.2rem}.data-chain__end{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-lg);flex-direction:column;max-height:100%;animation:.5s cubic-bezier(.34,1.56,.64,1) dcFadeInScale;display:flex;overflow-y:auto}.data-chain__end-celebration{font-size:3.5rem;line-height:1;animation:.6s ease-out dcCelebrationBounce}.data-chain__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.8rem;font-weight:700}.data-chain__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text);background:#4d96ff;flex-direction:column;display:flex}.data-chain__end-score-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.data-chain__end-score-value{font-family:var(--font-display);color:var(--color-text);font-size:2.5rem;font-weight:800;line-height:1}.data-chain__end-stats{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.data-chain__end-stat{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;min-width:65px;display:flex}.data-chain__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.2rem;font-weight:700;line-height:1}.data-chain__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6rem}.data-chain__end-operations{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.data-chain__end-operation-stat{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;display:flex}.data-chain__end-operation-symbol{font-family:var(--font-display);color:#4d96ff;text-align:center;width:24px;font-size:1rem;font-weight:700}.data-chain__end-operation-rate{font-family:var(--font-display);color:var(--color-text);font-size:.9rem;font-weight:600}.data-chain__end-actions{gap:var(--space-md);margin-top:var(--space-xs);display:flex}.data-chain__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.data-chain__end-btn--primary{color:var(--color-text);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text);background:#4d96ff}.data-chain__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.data-chain__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes dcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dcFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dcFadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes dcBounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dcCountdownPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes dcSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dcTimerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes dcTimerCritical{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes dcOperationAppear{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dcInputCorrect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dcInputShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes dcFeedbackFloat{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-80%)scale(1.1)}to{opacity:0;transform:translate(-50%,-120%)scale(1)}}@keyframes dcCelebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.data-chain__start-icon{width:80px;height:80px}.data-chain__start-icon-inner{font-size:2.5rem}.data-chain__start-title{font-size:1.6rem}.data-chain__start-description{font-size:.9rem}.data-chain__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.data-chain__countdown-number{font-size:6rem}.data-chain__hud{gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.data-chain__timer-value{min-width:40px;font-size:1.2rem}.data-chain__operation-number{min-width:60px;font-size:3rem}.data-chain__operation-symbol,.data-chain__operation-equals{font-size:2rem}.data-chain__input{width:140px;padding:var(--space-sm) var(--space-md);font-size:2rem}.data-chain__end-title{font-size:1.5rem}.data-chain__end-score-value{font-size:2rem}.data-chain__end-stats{gap:var(--space-xs)}.data-chain__end-stat{padding:var(--space-xs);min-width:55px}.data-chain__end-stat-value{font-size:1rem}.data-chain__end-actions{flex-direction:column;width:100%;max-width:260px}.data-chain__end-btn{text-align:center;width:100%}}@media (max-width:480px){.data-chain__start-title{font-size:1.4rem}.data-chain__countdown-number{font-size:5rem}.data-chain__operation-expression{gap:var(--space-sm)}.data-chain__operation-number{min-width:50px;font-size:2.5rem}.data-chain__operation-symbol,.data-chain__operation-equals{font-size:1.8rem}.data-chain__input{width:120px;font-size:1.8rem}.data-chain__end-celebration{font-size:3rem}.data-chain__end-score{padding:var(--space-sm) var(--space-lg)}.data-chain__end-score-value{font-size:1.8rem}.data-chain__phase-label{display:none}}.anagrams-chrono{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%, #8b5cf60f 0%, transparent 60%), radial-gradient(circle at 80% 80%, #a78bfa0a 0%, transparent 40%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.anagrams-chrono--idle{cursor:pointer}.anagrams-chrono--playing,.anagrams-chrono--ended{cursor:default}.anagrams-chrono__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out acFadeInUp;display:flex}.anagrams-chrono__start-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);justify-content:center;align-items:center;width:100px;height:100px;animation:2s ease-in-out infinite acBounceFloat;display:flex;box-shadow:0 8px #6d28d9,0 12px 30px #8b5cf64d}.anagrams-chrono__start-icon-inner{filter:drop-shadow(0 2px 4px #0000001a);font-size:3rem;line-height:1}.anagrams-chrono__start-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.anagrams-chrono__start-description{color:var(--color-text-light);max-width:300px;font-size:1rem;line-height:1.5}.anagrams-chrono__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-white);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);font-size:1.2rem;font-weight:700}.anagrams-chrono__start-btn:hover{box-shadow:0 8px 0 var(--color-text);transform:translateY(-2px)}.anagrams-chrono__start-btn:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(3px)}.anagrams-chrono__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite acCountdownPulse;display:flex}.anagrams-chrono__countdown-number{font-family:var(--font-display);color:#8b5cf6;text-shadow:0 4px #6d28d9,0 8px 30px #8b5cf666;font-size:8rem;font-weight:800;line-height:1}.anagrams-chrono__game{padding:var(--space-sm);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.anagrams-chrono__hud{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);z-index:10;flex-wrap:wrap;flex-shrink:0;animation:.3s ease-out acSlideDown;display:flex}.anagrams-chrono__timer{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #8b5cf6;flex-direction:column;align-items:center;gap:2px;min-width:80px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #6d28d9}.anagrams-chrono__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:700}.anagrams-chrono__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:1.4rem;font-weight:800;line-height:1}.anagrams-chrono__timer-value--warning{color:#f59e0b;animation:.5s ease-in-out infinite acTimerWarning}.anagrams-chrono__timer-value--critical{color:#ef4444;animation:.25s ease-in-out infinite acTimerCritical}.anagrams-chrono__progress{background:#8b5cf633;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.anagrams-chrono__progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%;transition:width .1s linear}.anagrams-chrono__score{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:#fffffff2;border:2px solid #4e342e26;flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.anagrams-chrono__score-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:700}.anagrams-chrono__score-value{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;line-height:1}.anagrams-chrono__difficulty{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid #4e342e1a;align-items:center;gap:6px;display:flex}.anagrams-chrono__difficulty-dots{gap:3px;display:flex}.anagrams-chrono__difficulty-dot{background:#8b5cf633;border-radius:50%;width:6px;height:6px;transition:all .2s}.anagrams-chrono__difficulty-dot--active{background:#8b5cf6;box-shadow:0 0 6px #8b5cf666}.anagrams-chrono__difficulty-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.anagrams-chrono__content{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.anagrams-chrono__word-info{font-family:var(--font-display);color:var(--color-text-muted);text-align:center;font-size:.9rem;font-weight:600}.anagrams-chrono__word-length{color:#8b5cf6;font-weight:700}.anagrams-chrono__tiles-container{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;max-width:500px;display:flex}.anagrams-chrono__tiles{justify-content:center;gap:var(--space-sm);min-height:80px;padding:var(--space-md);border-radius:var(--radius-lg);background:#8b5cf60a;border:2px dashed #8b5cf633;flex-wrap:wrap;transition:all .2s;display:flex}.anagrams-chrono__tiles--drag-over{background:#8b5cf614;border-color:#8b5cf666}.anagrams-chrono__tile{width:52px;height:60px;font-family:var(--font-display);color:var(--color-text);border:3px solid var(--color-text);border-radius:var(--radius-md);box-shadow:0 4px 0 var(--color-text), 0 6px 12px #8b5cf626;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#fff 0%,#f8f5ff 100%);justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.anagrams-chrono__tile:hover{box-shadow:0 6px 0 var(--color-text), 0 10px 20px #8b5cf633;transform:translateY(-2px)}.anagrams-chrono__tile:active,.anagrams-chrono__tile--dragging{cursor:grabbing;box-shadow:0 8px 0 var(--color-text), 0 12px 30px #8b5cf64d;z-index:100;transform:scale(1.08)rotate(-2deg)}.anagrams-chrono__tile--correct{background:linear-gradient(#dcfce7 0%,#bbf7d0 100%);border-color:#22c55e;animation:.4s ease-out acTileCorrect;box-shadow:0 4px #16a34a,0 6px 12px #22c55e33}.anagrams-chrono__tile--drop-target{background:linear-gradient(#ede9fe 0%,#ddd6fe 100%);border-color:#8b5cf6;transform:scale(1.05)}.anagrams-chrono__input-container{width:100%;max-width:400px;position:relative}.anagrams-chrono__input-wrapper{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#fffffff2;border:2px solid #4e342e26;transition:all .2s;display:flex;box-shadow:0 4px 12px #4e342e14}.anagrams-chrono__input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626}.anagrams-chrono__input-icon{opacity:.5;font-size:1.2rem}.anagrams-chrono__input{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.15em;background:0 0;border:none;outline:none;flex:1;font-size:1.3rem;font-weight:700}.anagrams-chrono__input::placeholder{color:var(--color-text-muted);text-transform:none;letter-spacing:normal;font-weight:500}.anagrams-chrono__input-hint{color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs);font-size:.7rem}.anagrams-chrono__input-hint kbd{font-family:var(--font-body);color:#7c3aed;background:#8b5cf61a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.anagrams-chrono__success-popup{font-family:var(--font-display);color:#22c55e;pointer-events:none;z-index:100;text-shadow:0 2px 8px #22c55e4d;font-size:2rem;font-weight:800;animation:.6s ease-out forwards acSuccessPopup;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.anagrams-chrono__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) acFadeInScale;display:flex}.anagrams-chrono__end-celebration{font-size:4rem;line-height:1;animation:.6s ease-out acCelebrationBounce}.anagrams-chrono__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.anagrams-chrono__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);flex-direction:column;display:flex}.anagrams-chrono__end-score-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.anagrams-chrono__end-score-value{font-family:var(--font-display);color:var(--color-white);font-size:3rem;font-weight:800;line-height:1}.anagrams-chrono__end-score-unit{color:#fffc;font-size:1rem;font-weight:600}.anagrams-chrono__end-stats{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.anagrams-chrono__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fffc;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;min-width:80px;display:flex}.anagrams-chrono__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.3rem;font-weight:700;line-height:1}.anagrams-chrono__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:.6rem}.anagrams-chrono__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.anagrams-chrono__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.anagrams-chrono__end-btn--primary{color:var(--color-white);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.anagrams-chrono__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.anagrams-chrono__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes acFadeIn{0%{opacity:0}to{opacity:1}}@keyframes acFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes acFadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes acBounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes acCountdownPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes acSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes acTimerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes acTimerCritical{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes acTileCorrect{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes acSuccessPopup{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-70%)scale(1.2)}to{opacity:0;transform:translate(-50%,-100%)scale(1)}}@keyframes acCelebrationBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes acNewWord{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile{animation:.3s ease-out backwards acNewWord}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:first-child{animation-delay:0s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(2){animation-delay:30ms}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(3){animation-delay:60ms}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(4){animation-delay:90ms}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(5){animation-delay:.12s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(6){animation-delay:.15s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(7){animation-delay:.18s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(8){animation-delay:.21s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(9){animation-delay:.24s}.anagrams-chrono__tiles--new-word .anagrams-chrono__tile:nth-child(10){animation-delay:.27s}@media (max-width:768px){.anagrams-chrono__start-icon{width:80px;height:80px}.anagrams-chrono__start-icon-inner{font-size:2.5rem}.anagrams-chrono__start-title{font-size:1.6rem}.anagrams-chrono__start-description{font-size:.9rem}.anagrams-chrono__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.anagrams-chrono__countdown-number{font-size:6rem}.anagrams-chrono__hud{gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.anagrams-chrono__timer-value,.anagrams-chrono__score-value{font-size:1.2rem}.anagrams-chrono__tile{width:46px;height:54px;font-size:1.4rem}.anagrams-chrono__input{font-size:1.1rem}.anagrams-chrono__content{gap:var(--space-md);padding:var(--space-sm)}.anagrams-chrono__end-title{font-size:1.6rem}.anagrams-chrono__end-score-value{font-size:2.5rem}.anagrams-chrono__end-stats{gap:var(--space-sm)}.anagrams-chrono__end-stat{padding:var(--space-xs) var(--space-sm);min-width:70px}.anagrams-chrono__end-stat-value{font-size:1.1rem}.anagrams-chrono__end-actions{flex-direction:column;width:100%;max-width:260px}.anagrams-chrono__end-btn{text-align:center;width:100%}}@media (max-width:480px){.anagrams-chrono__start-title{font-size:1.4rem}.anagrams-chrono__countdown-number{font-size:5rem}.anagrams-chrono__tile{width:40px;height:48px;box-shadow:0 3px 0 var(--color-text), 0 4px 8px #8b5cf626;border-width:2px;font-size:1.2rem}.anagrams-chrono__tiles{padding:var(--space-sm);gap:6px}.anagrams-chrono__end-celebration{font-size:3rem}.anagrams-chrono__end-score{padding:var(--space-sm) var(--space-xl)}.anagrams-chrono__end-score-value{font-size:2rem}.anagrams-chrono__difficulty-label{display:none}}.fruit-ninja{-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;background:radial-gradient(at 50% 120%,#6bcb7726 0%,#0000 50%),radial-gradient(circle at 20% 20%,#ffd93d14 0%,#0000 40%),radial-gradient(circle at 80% 30%,#ff6b6b0f 0%,#0000 35%),linear-gradient(#fff9f0 0%,#fff5e6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.fruit-ninja:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 50px,#8b5a2b05 50px 51px);position:absolute;inset:0}.fruit-ninja--idle{cursor:pointer}.fruit-ninja--playing{cursor:crosshair}.fruit-ninja--ended{cursor:default}.fruit-ninja__start{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out fadeInUp;display:flex}.fruit-ninja__start-icon{background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite fruitBounce;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #c1292e,0 12px 40px #ff6b6b66,inset 0 -8px 20px #0000001a}.fruit-ninja__start-icon:before{content:"";filter:blur(4px);background:#fff6;border-radius:50%;width:30%;height:25%;position:absolute;top:10%;left:20%}.fruit-ninja__start-icon-inner{filter:drop-shadow(0 2px 4px #0003);font-size:3.5rem;line-height:1}.fruit-ninja__start-title{font-family:var(--font-display);color:var(--color-text);text-shadow:0 2px #0000001a;margin:0;font-size:2.2rem;font-weight:800}.fruit-ninja__start-description{color:var(--color-text-light);max-width:320px;font-size:1rem;line-height:1.6}.fruit-ninja__start-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-white);border:3px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--color-text), 0 10px 30px #ff6b6b4d;cursor:pointer;transition:var(--transition-spring);background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%);font-size:1.2rem;font-weight:700}.fruit-ninja__start-btn:hover{box-shadow:0 9px 0 var(--color-text), 0 15px 40px #ff6b6b66;transform:translateY(-3px)}.fruit-ninja__start-btn:active{box-shadow:0 3px 0 var(--color-text), 0 5px 20px #ff6b6b4d;transform:translateY(3px)}.fruit-ninja__countdown{justify-content:center;align-items:center;animation:1s ease-out infinite countdownPulse;display:flex}.fruit-ninja__countdown-number{font-family:var(--font-display);background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 8px #00000026);-webkit-background-clip:text;background-clip:text;font-size:10rem;font-weight:800;line-height:1}.fruit-ninja__game{position:absolute;inset:0;overflow:hidden}.fruit-ninja__hud{top:var(--space-md);align-items:center;gap:var(--space-xl);z-index:100;animation:.3s ease-out slideDown;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fruit-ninja__timer{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:#fffffff2;border:2px solid #ff6b6b;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #e63946}.fruit-ninja__timer-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.fruit-ninja__timer-value{font-family:var(--font-display);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:1.8rem;font-weight:800;line-height:1}.fruit-ninja__timer-value--warning{color:#ff6b35;animation:.5s ease-in-out infinite timerWarning}.fruit-ninja__timer-value--critical{color:#ff3b3b;animation:.25s ease-in-out infinite timerCritical}.fruit-ninja__progress{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#ff6b6b33;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.fruit-ninja__progress-fill{background:linear-gradient(90deg,#ff6b6b 0%,#e63946 100%);height:100%;transition:width .1s linear}.fruit-ninja__combo-display{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-secondary);background:#ffffffe6;flex-direction:column;align-items:center;gap:2px;min-width:70px;display:flex}.fruit-ninja__combo-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.fruit-ninja__combo-value{font-family:var(--font-display);color:var(--color-secondary);font-size:1.4rem;font-weight:800;line-height:1}.fruit-ninja__combo-value--active{animation:.3s ease-out comboPulse}.fruit-ninja__fruit{pointer-events:none;will-change:transform;transition:none;position:absolute;transform:translate(-50%,-50%)}.fruit-ninja__fruit-body{filter:drop-shadow(0 6px 12px #00000040);justify-content:center;align-items:center;width:90px;height:90px;font-size:4.5rem;transition:transform .1s ease-out;display:flex}.fruit-ninja__fruit--slashed{animation:.4s ease-out forwards fruitSlash}.fruit-ninja__fruit--slashed .fruit-ninja__fruit-body{opacity:0}.fruit-ninja__bomb{pointer-events:none;will-change:transform;transition:none;position:absolute;transform:translate(-50%,-50%)}.fruit-ninja__bomb-body{filter:drop-shadow(0 6px 12px #00000059);justify-content:center;align-items:center;width:85px;height:85px;font-size:4rem;display:flex;position:relative}.fruit-ninja__bomb-body:after{content:"";background:radial-gradient(circle,#ff32324d 0%,#0000 70%);border-radius:50%;animation:.8s ease-in-out infinite bombGlow;position:absolute;inset:-5px}.fruit-ninja__bomb--slashed{animation:.5s ease-out forwards bombExplode}.fruit-ninja__slash-trail{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:visible}.fruit-ninja__trail{position:absolute;inset:0}.fruit-ninja__trail--active .fruit-ninja__slash-segment{opacity:1;animation:none}.fruit-ninja__slash-segment{transform-origin:0;background:linear-gradient(90deg,#fff 0%,#ffd93d 40%,#ff9f43 80%,#ff6b6b 100%);border-radius:5px;height:10px;animation:.2s ease-out forwards slashFade;position:absolute;box-shadow:0 0 12px #ffffffe6,0 0 25px #ffc86499}.fruit-ninja__slash-tip{pointer-events:none;z-index:100;background:radial-gradient(circle,#fff 0%,#ffd93d 40%,#0000 70%);border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 15px #fff,0 0 30px #ffd93dcc}.fruit-ninja__slice-effect{pointer-events:none;z-index:60;position:absolute;transform:translate(-50%,-50%)}.fruit-ninja__slice-half{filter:drop-shadow(0 4px 8px #0000004d);font-size:2.8rem;position:absolute}.fruit-ninja__slice-half--left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);animation:.7s ease-out forwards sliceHalfLeft}.fruit-ninja__slice-half--right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);animation:.7s ease-out forwards sliceHalfRight}.fruit-ninja__particle{border-radius:50%;width:12px;height:12px;animation:.6s ease-out forwards particleBurst;position:absolute;box-shadow:0 0 8px}.fruit-ninja__points-popup{font-family:var(--font-display);color:var(--color-secondary);text-shadow:0 2px #0000004d,0 4px 8px #0003,0 0 20px #6bcb7799;white-space:nowrap;z-index:100;font-size:2rem;font-weight:800;animation:.8s ease-out forwards pointsFloat;position:absolute}.fruit-ninja__points-popup--bomb{color:#ff3b3b;text-shadow:0 2px #0000004d,0 4px 8px #0003,0 0 20px #ff3b3b99;font-size:2.2rem}.fruit-ninja__combo-popup{pointer-events:none;z-index:70;flex-direction:column;align-items:center;gap:2px;animation:1s ease-out forwards comboPopup;display:flex;position:absolute}.fruit-ninja__combo-popup-count{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 3px 0 var(--color-text), 0 0 20px #ffd93d99;font-size:2.5rem;font-weight:800;line-height:1}.fruit-ninja__combo-popup-label{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700}.fruit-ninja__combo-popup-points{font-family:var(--font-display);color:var(--color-secondary);font-size:1.2rem;font-weight:700}.fruit-ninja__explosion{pointer-events:none;z-index:65;position:absolute;transform:translate(-50%,-50%)}.fruit-ninja__explosion-ring{border:4px solid #ff3b3b;border-radius:50%;width:100px;height:100px;animation:.5s ease-out forwards explosionRing;position:absolute;transform:translate(-50%,-50%)scale(0)}.fruit-ninja__explosion-flash{background:radial-gradient(circle,#ffc832cc 0%,#ff643299 40%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:.3s ease-out forwards explosionFlash;position:absolute;transform:translate(-50%,-50%)}.fruit-ninja__end{justify-content:center;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);flex-direction:column;animation:.5s cubic-bezier(.34,1.56,.64,1) fadeInScale;display:flex}.fruit-ninja__end-celebration{font-size:4rem;line-height:1;animation:.6s ease-out celebrationBounce}.fruit-ninja__end-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.fruit-ninja__end-score{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);border:3px solid var(--color-text);box-shadow:0 6px 0 var(--color-text);background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%);flex-direction:column;display:flex}.fruit-ninja__end-score-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.fruit-ninja__end-score-value{font-family:var(--font-display);color:var(--color-white);text-shadow:0 2px #0003;font-size:3rem;font-weight:800;line-height:1}.fruit-ninja__end-stats{gap:var(--space-md);margin-top:var(--space-sm);grid-template-columns:repeat(2,1fr);width:100%;max-width:300px;display:grid}.fruit-ninja__end-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ffffffe6;border:2px solid #4e342e1a;flex-direction:column;align-items:center;gap:2px;display:flex}.fruit-ninja__end-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.4rem;font-weight:700;line-height:1}.fruit-ninja__end-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem}.fruit-ninja__end-stat--highlight .fruit-ninja__end-stat-value{color:var(--color-secondary)}.fruit-ninja__end-stat--warning .fruit-ninja__end-stat-value{color:#ff6b6b}.fruit-ninja__end-actions{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.fruit-ninja__end-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);font-size:1rem;font-weight:700}.fruit-ninja__end-btn--primary{color:var(--color-white);border:3px solid var(--color-text);box-shadow:0 5px 0 var(--color-text);background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%)}.fruit-ninja__end-btn--primary:hover{box-shadow:0 7px 0 var(--color-text);transform:translateY(-2px)}.fruit-ninja__end-btn--primary:active{box-shadow:0 3px 0 var(--color-text);transform:translateY(2px)}@keyframes fruitBounce{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-15px)rotate(5deg)}}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes bombGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fruitSlash{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes bombExplode{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes slashFade{0%{opacity:1}to{opacity:0}}@keyframes sliceHalfLeft{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(-50px,80px)rotate(-60deg)scale(.6)}}@keyframes sliceHalfRight{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(50px,80px)rotate(60deg)scale(.6)}}@keyframes particleBurst{0%{opacity:1;transform:translate(0)scale(1)}50%{opacity:.8}to{transform:translate(var(--particle-x,30px), var(--particle-y,30px)) scale(0);opacity:0}}@keyframes pointsFloat{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-10px)scale(1.2)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}@keyframes comboPopup{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-100%)scale(.8)}}@keyframes explosionRing{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes explosionFlash{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@media (max-width:768px){.fruit-ninja__start-icon{width:100px;height:100px}.fruit-ninja__start-icon-inner{font-size:2.8rem}.fruit-ninja__start-title{font-size:1.8rem}.fruit-ninja__start-description{font-size:.9rem}.fruit-ninja__start-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.fruit-ninja__countdown-number{font-size:7rem}.fruit-ninja__hud{gap:var(--space-md);top:var(--space-sm)}.fruit-ninja__timer{padding:var(--space-xs) var(--space-md)}.fruit-ninja__timer-value{min-width:50px;font-size:1.4rem}.fruit-ninja__fruit-body{width:70px;height:70px;font-size:3.5rem}.fruit-ninja__bomb-body{width:65px;height:65px;font-size:3rem}.fruit-ninja__end-title{font-size:1.6rem}.fruit-ninja__end-score-value{font-size:2.5rem}.fruit-ninja__end-stats{gap:var(--space-sm)}.fruit-ninja__end-actions{flex-direction:column;width:100%;max-width:260px}.fruit-ninja__end-btn{text-align:center;width:100%}}@media (max-width:480px){.fruit-ninja__start-title{font-size:1.5rem}.fruit-ninja__countdown-number{font-size:5rem}.fruit-ninja__combo-display{display:none}.fruit-ninja__end-celebration{font-size:3rem}.fruit-ninja__end-score{padding:var(--space-sm) var(--space-xl)}.fruit-ninja__end-score-value{font-size:2rem}.fruit-ninja__fruit-body{width:60px;height:60px;font-size:3rem}.fruit-ninja__bomb-body{width:55px;height:55px;font-size:2.5rem}}.premium-gate{border-radius:16px;position:relative;overflow:hidden}.premium-gate--blur .premium-gate__content{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.premium-gate__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#0f0f2366;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-gate__cta{text-align:center;background:#191932e6;border:1px solid #ffd7004d;border-radius:16px;flex-direction:column;align-items:center;gap:8px;max-width:280px;padding:24px 32px;display:flex;box-shadow:0 8px 32px #0000004d}.premium-gate__icon{font-size:2rem;line-height:1}.premium-gate__title{color:gold;font-size:1rem;font-weight:700}.premium-gate__desc{color:#ffffffb3;font-size:.8rem;line-height:1.4}.premium-gate__btn{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;margin-top:8px;padding:10px 24px;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s}.premium-gate__btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ffd70066}.premium-gate__btn:active{transform:translateY(0)}.marathon-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.marathon-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.marathon-page__bg-gradient{background:radial-gradient(120% 80% at 50% 0,#ff8c422e 0%,#0000 50%),radial-gradient(80% 60% at 0%,#ffd93d1f 0%,#0000 50%),radial-gradient(80% 60% at 100%,#6bcb771f 0%,#0000 50%),radial-gradient(100% 50% at 50% 100%,#4d96ff1a 0%,#0000 40%);animation:20s ease-in-out infinite alternate gradientShift;position:absolute;inset:0}.marathon-page__bg-gradient--countdown{background:radial-gradient(100% 100%,#ffd93d40 0%,#0000 60%);animation:1s ease-in-out infinite countdownPulse}.marathon-page__bg-gradient--transition{background:radial-gradient(ellipse 120% 80% at 50% 30%, color-mix(in srgb, var(--category-color) 20%, transparent) 0%, transparent 60%)}.marathon-page__bg-gradient--results{background:radial-gradient(100% 60% at 50% 20%,#ffd70033 0%,#0000 50%),radial-gradient(80% 50% at 30% 80%,#6bcb7726 0%,#0000 50%),radial-gradient(80% 50% at 70% 80%,#4d96ff26 0%,#0000 50%)}.marathon-page__bg-shapes{position:absolute;inset:0}.marathon-shape{filter:blur(80px);opacity:.4;border-radius:50%;animation:30s ease-in-out infinite marathonShapeFloat;position:absolute}.marathon-shape--1{background:linear-gradient(135deg,#ff8c42 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-20%;left:-15%}.marathon-shape--2{background:linear-gradient(135deg, var(--color-primary) 0%, transparent 70%);width:500px;height:500px;animation-delay:-8s;top:30%;right:-10%}.marathon-shape--3{background:linear-gradient(135deg, var(--color-secondary) 0%, transparent 70%);width:450px;height:450px;animation-delay:-15s;bottom:5%;left:15%}.marathon-shape--4{background:linear-gradient(135deg, var(--color-accent) 0%, transparent 70%);width:400px;height:400px;animation-delay:-22s;bottom:-15%;right:20%}.marathon-page__bg-dots{background-image:radial-gradient(#4e342e08 1.5px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 80%,#000 30%,#0000 70%);mask-image:radial-gradient(100% 80%,#000 30%,#0000 70%)}.marathon-page__floaters{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.marathon-floater{animation:marathonFloaterDrift var(--float-duration,15s) ease-in-out infinite;animation-delay:var(--float-delay,0s);border-radius:50%;position:absolute}.marathon-floater--1{background:#ff8c42;width:10px;height:10px;top:8%;left:5%}.marathon-floater--2{background:var(--color-primary);width:8px;height:8px;top:15%;left:15%}.marathon-floater--3{background:var(--color-secondary);width:12px;height:12px;top:25%;left:8%}.marathon-floater--4{background:var(--color-accent);width:6px;height:6px;top:40%;left:12%}.marathon-floater--5{background:#9b59b6;width:9px;height:9px;top:55%;left:5%}.marathon-floater--6{background:#ff8c42;width:7px;height:7px;top:70%;left:10%}.marathon-floater--7{background:var(--color-primary);width:11px;height:11px;top:85%;left:7%}.marathon-floater--8{background:var(--color-secondary);width:8px;height:8px;top:10%;right:8%}.marathon-floater--9{background:var(--color-accent);width:10px;height:10px;top:22%;right:12%}.marathon-floater--10{background:#9b59b6;width:6px;height:6px;top:38%;right:6%}.marathon-floater--11{background:#ff8c42;width:9px;height:9px;top:52%;right:15%}.marathon-floater--12{background:var(--color-primary);width:7px;height:7px;top:65%;right:8%}.marathon-floater--13{background:var(--color-secondary);width:11px;height:11px;top:78%;right:10%}.marathon-floater--14{background:var(--color-accent);width:8px;height:8px;top:92%;right:5%}.marathon-floater--15{background:#9b59b6;width:6px;height:6px;top:5%;left:45%}.marathon-floater--16{background:#ff8c42;width:10px;height:10px;top:95%;left:55%}.marathon-floater--17{background:var(--color-primary);width:7px;height:7px;top:12%;right:40%}.marathon-floater--18{background:var(--color-secondary);width:9px;height:9px;top:88%;right:45%}.marathon-floater--19{background:var(--color-accent);width:8px;height:8px;top:3%;left:70%}.marathon-floater--20{background:#9b59b6;width:6px;height:6px;top:97%;left:30%}.marathon-page__header{z-index:10;padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards headerSlideDown;display:flex;position:sticky;top:0}.marathon-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);transition:var(--transition-spring);cursor:pointer;font-size:.9rem;font-weight:600;display:flex}.marathon-page__back svg{width:18px;height:18px}.marathon-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.marathon-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.marathon-page__header-actions{align-items:center;gap:var(--space-md);display:flex}.marathon-page__logo-icon{opacity:.3;width:36px;height:36px;animation:20s linear infinite logoSpin}.marathon-page--intro .marathon-page__intro-content{padding:var(--space-xl);z-index:5;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.marathon-intro{text-align:center;flex-direction:column;align-items:center;max-width:700px;animation:.8s ease-out forwards introFadeIn;display:flex}.marathon-intro__icon-wrapper{width:160px;height:160px;margin-bottom:var(--space-xl);position:relative}.marathon-intro__icon-glow{background:radial-gradient(circle,#ff8c4266 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite marathonIconGlow;position:absolute;inset:-30px}.marathon-intro__icon-rings{position:absolute;inset:0}.marathon-intro__icon-ring{border:3px solid #ff8c424d;border-radius:50%;animation:3s ease-out infinite marathonRingExpand;position:absolute}.marathon-intro__icon-ring--1{animation-delay:0s;inset:0}.marathon-intro__icon-ring--2{animation-delay:1s;inset:-15px}.marathon-intro__icon-ring--3{animation-delay:2s;inset:-30px}.marathon-intro__icon{background:linear-gradient(145deg,#ff8c42 0%,#e57830 100%);border-radius:50%;justify-content:center;align-items:center;font-size:4rem;animation:2s ease-in-out infinite marathonIconBounce;display:flex;position:absolute;inset:30px;box-shadow:0 8px #c4682a,0 16px 40px #ff8c4266,inset 0 -4px #0000001a,inset 0 4px 8px #ffffff4d}.marathon-intro__icon-particles{pointer-events:none;position:absolute;inset:-20px}.marathon-intro__particle{opacity:0;background:#ff8c42;border-radius:50%;width:8px;height:8px;animation:3s ease-out infinite marathonParticleBurst;position:absolute}.marathon-intro__particle--1{animation-delay:0s;top:50%;left:0}.marathon-intro__particle--2{animation-delay:.2s;top:15%;left:15%}.marathon-intro__particle--3{animation-delay:.4s;top:0;left:50%}.marathon-intro__particle--4{animation-delay:.6s;top:15%;right:15%}.marathon-intro__particle--5{animation-delay:.8s;top:50%;right:0}.marathon-intro__particle--6{animation-delay:1s;bottom:15%;right:15%}.marathon-intro__particle--7{animation-delay:1.2s;bottom:0;left:50%}.marathon-intro__particle--8{animation-delay:1.4s;bottom:15%;left:15%}.marathon-intro__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-sm);background:linear-gradient(135deg, #ff8c42, #e57830, var(--color-primary));-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ff8c424d;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700}.marathon-intro__subtitle{color:var(--color-text-light);margin-bottom:var(--space-2xl);font-size:1.2rem;line-height:1.6}.marathon-intro__preview{margin-bottom:var(--space-2xl)}.marathon-intro__preview-label{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:.9rem;font-weight:600}.marathon-intro__games-preview{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.marathon-intro__game-chip{background:var(--color-white);border:2px solid color-mix(in srgb, var(--category-color) 30%, transparent);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--color-text);animation:chipAppear .4s cubic-bezier(.34, 1.56, .64, 1) calc(var(--chip-index) * 50ms) both;transition:var(--transition-base);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.marathon-intro__game-chip:hover{border-color:var(--category-color);box-shadow:0 4px 12px color-mix(in srgb, var(--category-color) 25%, transparent);transform:translateY(-2px)}.marathon-intro__game-chip-icon{font-size:1rem}.marathon-intro__game-chip--more{background:var(--color-background-alt);color:var(--color-text-muted);border-color:#0000}.marathon-intro__rules{gap:var(--space-md);margin-bottom:var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffffffb3;border:2px dashed #ff8c424d;flex-direction:column;display:flex}.marathon-intro__rule{align-items:center;gap:var(--space-md);display:flex}.marathon-intro__rule-icon{background:var(--color-background-alt);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.marathon-intro__rule-text{color:var(--color-text);font-size:1rem;font-weight:500}.marathon-intro__start-btn{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);color:var(--color-white);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);background:linear-gradient(135deg,#ff8c42 0%,#e57830 100%);border:none;font-size:1.3rem;font-weight:700;animation:2s ease-in-out infinite startBtnPulse;display:flex;box-shadow:0 6px #c4682a,0 12px 30px #ff8c4266}.marathon-intro__start-btn:hover{transform:translateY(-4px);box-shadow:0 10px #c4682a,0 20px 40px #ff8c4280}.marathon-intro__start-btn:active{transform:translateY(2px);box-shadow:0 4px #c4682a,0 8px 20px #ff8c424d}.marathon-intro__start-btn-icon{font-size:1.5rem}.marathon-intro__usage{text-align:center;margin-bottom:var(--space-sm)}.marathon-intro__usage-text{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.marathon-intro__usage-premium{color:gold}.marathon-intro__limit{align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;background:#ff6b6b14;border:1px solid #ff6b6b33;flex-direction:column;display:flex}.marathon-intro__limit-msg{align-items:center;gap:var(--space-xs);color:var(--color-text);font-size:1.1rem;font-weight:700;display:flex}.marathon-intro__limit-icon{font-size:1.2rem}.marathon-intro__limit-desc{color:var(--color-text-muted);max-width:320px;font-size:.85rem;line-height:1.5}.marathon-intro__upgrade-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:#1a1a2e;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);margin-top:var(--space-xs);background:linear-gradient(135deg,gold,orange);border:none;font-size:.95rem;font-weight:700;display:flex}.marathon-intro__upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ffd70066}.marathon-intro__test-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);color:var(--color-text-muted);background:var(--color-white);border:2px dashed var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);margin-top:var(--space-md);opacity:.7;font-size:.9rem;font-weight:600;display:flex}.marathon-intro__test-btn:hover{opacity:1;color:var(--color-text);border-color:var(--color-text);background:var(--color-background-alt)}.marathon-intro__test-btn-icon{font-size:1rem}.marathon-page--countdown{justify-content:center;align-items:center;display:flex}.marathon-countdown{align-items:center;gap:var(--space-lg);flex-direction:column;animation:.4s ease-out countdownAppear;display:flex}.marathon-countdown__label{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:600;animation:1s ease-in-out infinite countdownLabelPulse}.marathon-countdown__number{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.marathon-countdown__number span{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 8px 0 var(--color-primary-dark);font-size:8rem;font-weight:700;animation:1s ease-out countdownNumberPop}.marathon-countdown__game-preview{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);display:flex}.marathon-countdown__game-icon{font-size:2rem}.marathon-countdown__game-name{font-family:var(--font-display);color:var(--color-text);font-size:1.2rem;font-weight:600}.marathon-page--transition{justify-content:center;align-items:center;display:flex}.marathon-transition{align-items:center;gap:var(--space-xl);max-width:500px;padding:var(--space-xl);flex-direction:column;animation:.5s ease-out transitionAppear;display:flex}.marathon-transition__result{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:.5s ease-out resultSlideIn;display:flex}.marathon-transition__result-icon{font-size:2.5rem}.marathon-transition__result-score{flex-direction:column;display:flex}.marathon-transition__result-label{color:var(--color-text-muted);font-size:.9rem}.marathon-transition__result-value{font-family:var(--font-display);color:var(--color-secondary);font-size:1.8rem;font-weight:700}.marathon-transition__divider{align-items:center;gap:var(--space-md);width:100%;display:flex}.marathon-transition__progress-track{background:var(--color-background-alt);border-radius:var(--radius-pill);flex:1;height:8px;overflow:hidden}.marathon-transition__progress-fill{background:linear-gradient(90deg, var(--color-secondary), #ff8c42);border-radius:var(--radius-pill);height:100%;transition:width .5s ease-out}.marathon-transition__progress-text{font-family:var(--font-display);color:var(--color-text-muted);white-space:nowrap;font-size:.9rem;font-weight:600}.marathon-transition__next{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.marathon-transition__countdown{background:linear-gradient(135deg, var(--category-color), color-mix(in srgb, var(--category-color) 80%, black));width:80px;height:80px;box-shadow:0 4px 0 color-mix(in srgb, var(--category-color) 70%, black), 0 8px 20px color-mix(in srgb, var(--category-color) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;animation:1s ease-in-out infinite transitionCountdownPulse;display:flex}.marathon-transition__countdown-number{font-family:var(--font-display);color:var(--color-white);font-size:2.5rem;font-weight:700}.marathon-transition__next-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.marathon-transition__next-game{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.marathon-transition__next-icon{background:linear-gradient(145deg, var(--color-white) 0%, color-mix(in srgb, var(--category-color) 10%, var(--color-white)) 100%);border:4px solid var(--category-color);width:100px;height:100px;box-shadow:0 8px 24px color-mix(in srgb, var(--category-color) 25%, transparent), inset 0 2px 4px #fffc;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;animation:.8s ease-in-out infinite nextGameIconBounce;display:flex}.marathon-transition__next-name{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.marathon-transition__next-category{background:color-mix(in srgb, var(--category-color) 15%, var(--color-white));border:2px solid color-mix(in srgb, var(--category-color) 30%, transparent);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--color-text);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}.marathon-transition__total{padding:var(--space-md) var(--space-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:4px;display:flex}.marathon-transition__total-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem}.marathon-transition__total-value{font-family:var(--font-display);color:#ff8c42;font-size:2rem;font-weight:700}.marathon-page--playing{height:100vh;flex-direction:column;height:100dvh;display:flex}.marathon-hud{z-index:100;padding:var(--space-sm) var(--space-lg);-webkit-backdrop-filter:blur(20px);background:#fff9f0f2;border-bottom:3px solid #ff8c424d;justify-content:space-between;align-items:center;animation:.4s ease-out hudSlideDown;display:flex;position:relative}.marathon-hud__progress{align-items:center;gap:var(--space-sm);min-width:120px;display:flex}.marathon-hud__progress-bar{background:var(--color-background-alt);border-radius:var(--radius-pill);width:80px;height:8px;overflow:hidden}.marathon-hud__progress-fill{background:linear-gradient(90deg, #ff8c42, var(--color-primary));border-radius:var(--radius-pill);height:100%;transition:width .3s ease-out}.marathon-hud__progress-text{font-family:var(--font-display);color:var(--color-text);font-size:.85rem;font-weight:700}.marathon-hud__game-info{align-items:center;gap:var(--space-sm);display:flex}.marathon-hud__game-category{background:color-mix(in srgb, var(--category-color) 15%, var(--color-white));border:2px solid var(--category-color);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.marathon-hud__game-title{font-family:var(--font-display);color:var(--color-text);font-size:1rem;font-weight:700}.marathon-hud__scores{align-items:center;gap:var(--space-lg);display:flex}.marathon-hud__current-score,.marathon-hud__total-score{flex-direction:column;align-items:center;display:flex}.marathon-hud__score-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.marathon-hud__current-score .marathon-hud__score-value{font-family:var(--font-display);color:var(--color-secondary);font-size:1.3rem;font-weight:700}.marathon-hud__total-score .marathon-hud__score-value{font-family:var(--font-display);color:#ff8c42;font-size:1.3rem;font-weight:700}.marathon-game-main{z-index:5;padding:var(--space-lg);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.marathon-game-arena-wrapper{aspect-ratio:1;flex-shrink:1;justify-content:center;align-items:center;width:100%;max-width:min(90vw,90vh - 140px);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards marathonArenaAppear;display:flex;position:relative}.marathon-arena__frame{pointer-events:none;position:absolute;inset:-12px}.marathon-arena__frame-corner{border:4px solid var(--category-color,#ff8c42);opacity:.4;width:40px;height:40px;position:absolute}.marathon-arena__frame-corner--tl{border-radius:var(--radius-md) 0 0 0;border-bottom:none;border-right:none;top:0;left:0}.marathon-arena__frame-corner--tr{border-radius:0 var(--radius-md) 0 0;border-bottom:none;border-left:none;top:0;right:0}.marathon-arena__frame-corner--bl{border-radius:0 0 0 var(--radius-md);border-top:none;border-right:none;bottom:0;left:0}.marathon-arena__frame-corner--br{border-radius:0 0 var(--radius-md) 0;border-top:none;border-left:none;bottom:0;right:0}.marathon-game-arena{background:var(--color-white);border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:0 8px 0 color-mix(in srgb, var(--category-color,#ff8c42) 80%, black), 0 12px 40px #4e342e1f, inset 0 2px 0 #ffffffe6;border:3px solid var(--category-color,#ff8c42);position:relative;overflow:hidden}.marathon-game-arena__inner{background:radial-gradient(circle at 30% 30%, #fffc 0%, transparent 50%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-white) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.marathon-game-arena__glow{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--category-color,#ff8c42) 40%, transparent) 0%, transparent 50%);opacity:.3;pointer-events:none;animation:4s ease-in-out infinite marathonArenaGlowPulse;position:absolute;inset:-20%}@keyframes marathonArenaAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes marathonArenaGlowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.marathon-page--results{min-height:100vh;min-height:100dvh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.marathon-results__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.marathon-confetti{width:12px;height:12px;left:var(--confetti-x);animation:confettiFall var(--confetti-duration) linear var(--confetti-delay) infinite;position:absolute;top:-20px}.marathon-confetti--1{background:var(--color-primary);border-radius:50%}.marathon-confetti--2{background:var(--color-secondary);transform:rotate(45deg)}.marathon-confetti--3{background:var(--color-accent);border-radius:2px}.marathon-confetti--4{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:#ff8c42}.marathon-confetti--5{background:#9b59b6;border-radius:50% 0}.marathon-page--loading-results{justify-content:center;align-items:center;display:flex}.marathon-results-loading{align-items:center;gap:var(--space-lg);flex-direction:column;animation:.6s ease-out resultsAppear;display:flex}.marathon-results-loading__icon{font-size:4rem;animation:2s ease-in-out infinite loadingIconPulse}.marathon-results-loading__spinner{border:6px solid #ff8c4226;border-top-color:#ff8c42;border-radius:50%;width:120px;height:120px;animation:1s linear infinite spin;position:absolute}.marathon-results-loading__title{font-family:var(--font-display);color:var(--color-text);margin-top:var(--space-xl);font-size:1.8rem;font-weight:700}.marathon-results-loading__text{color:var(--color-text-muted);font-size:1rem}.marathon-results-loading__progress{border-radius:var(--radius-pill);background:#ff8c4233;width:200px;height:6px;overflow:hidden}.marathon-results-loading__progress-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg,#ff8c42,#ffd93d);width:0;height:100%;animation:2s ease-out forwards loadingProgress}@keyframes loadingIconPulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(5deg)}}@keyframes loadingProgress{0%{width:0}to{width:100%}}.marathon-results{z-index:10;width:100%;max-width:700px;padding:var(--space-lg);padding-bottom:var(--space-3xl);flex-direction:column;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) resultsAppear;display:flex;position:relative}.marathon-page--results{overflow-y:auto}.marathon-results__giq{width:180px;height:180px;margin-bottom:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative}.marathon-results__giq-glow{background:radial-gradient(circle,#ff8c4266 0%,#ffd93d33 40%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite giqGlow;position:absolute;inset:-30px}.marathon-results__giq-ring{border:6px solid #ff8c42;border-color:#ff8c42 #ffd93d #0000 #0000;border-radius:50%;animation:4s linear infinite giqRingSpin;position:absolute;inset:0}.marathon-results__giq-content{background:linear-gradient(145deg,#ff8c42,#e57830);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:0 8px #c4682a,0 16px 40px #ff8c4266,inset 0 -4px 12px #0000001a}.marathon-results__giq-label{font-family:var(--font-display);color:#ffffffd9;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:600}.marathon-results__giq-value{font-family:var(--font-display);color:var(--color-white);text-shadow:0 2px 8px #0003;font-size:3.5rem;font-weight:700;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both giqValuePop}.marathon-results__giq-subtitle{font-family:var(--font-body);color:#ffffffb3;margin-top:var(--space-xs);font-size:.7rem}@keyframes giqGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes giqRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes giqValuePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.marathon-results__stats{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;width:100%;display:grid}.marathon-results__stat{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:statAppear .5s ease-out calc(var(--stat-index,0) * .1s) both;flex-direction:column;display:flex}.marathon-results__stat:first-child{--stat-index:0}.marathon-results__stat:nth-child(2){--stat-index:1}.marathon-results__stat:nth-child(3){--stat-index:2;grid-column:1/-1}.marathon-results__stat-icon{font-size:1.5rem}.marathon-results__stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.marathon-results__stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:.7rem}@keyframes statAppear{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.marathon-results__stat--expandable{flex:100%;max-width:100%;padding:0;overflow:hidden}.marathon-results__stat-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);cursor:pointer;width:100%;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;display:flex;position:relative}.marathon-results__stat-toggle:hover{background:var(--color-background-alt)}.marathon-results__stat-chevron{right:var(--space-md);color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.marathon-results__stat-chevron--open{transform:translateY(-50%)rotate(180deg)}.marathon-results__score-detail{gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--color-background-alt);flex-direction:column;max-height:200px;animation:.3s ease-out slideDown;display:flex;overflow-y:auto}.marathon-results__score-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-background-alt);border-radius:var(--radius-sm);border-left:3px solid var(--category-color);animation:rowAppear .3s ease-out calc(var(--row-index) * 30ms) both;display:flex}.marathon-results__score-icon{font-size:1rem}.marathon-results__score-name{font-family:var(--font-display);color:var(--color-text);flex:1;font-size:.85rem;font-weight:600}.marathon-results__score-value{font-family:var(--font-display);color:var(--color-secondary);font-size:.9rem;font-weight:700}.marathon-results__evaluation{background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:.6s ease-out .2s both sectionAppear}.marathon-results__section-title{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:700;display:flex}.marathon-results__section-icon{font-size:1.3rem}.marathon-results__criteria{gap:var(--space-md);flex-direction:column;display:flex}.marathon-results__criterion{animation:criterionAppear .5s ease-out calc(var(--criterion-index) * .1s) both}@keyframes criterionAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.marathon-results__criterion-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.marathon-results__criterion-icon{text-align:center;width:28px;font-size:1.2rem}.marathon-results__criterion-label{font-family:var(--font-display);color:var(--color-text);flex:1;font-size:.95rem;font-weight:600}.marathon-results__criterion-value{font-family:var(--font-display);color:var(--criterion-color);font-size:1rem;font-weight:700}.marathon-results__criterion-bar{background:var(--color-background-alt);border-radius:var(--radius-pill);height:10px;margin-left:36px;overflow:hidden}.marathon-results__criterion-fill{height:100%;width:var(--fill-percent);background:linear-gradient(90deg, var(--criterion-color), color-mix(in srgb, var(--criterion-color) 70%, white));border-radius:var(--radius-pill);animation:fillBar 1s ease-out calc(.3s + var(--criterion-index) * .1s) both;box-shadow:0 2px 8px color-mix(in srgb, var(--criterion-color) 40%, transparent)}@keyframes fillBar{0%{width:0}to{width:var(--fill-percent)}}.marathon-results__leaderboard{background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:var(--space-lg);margin-bottom:var(--space-xl);animation:.6s ease-out .4s both sectionAppear}@keyframes sectionAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.marathon-results__leaderboard-tabs{gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.marathon-results__tab{padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text-muted);background:var(--color-background-alt);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;font-size:.85rem;font-weight:600}.marathon-results__tab:hover{background:var(--color-background);color:var(--color-text)}.marathon-results__tab--active{color:var(--color-white);background:linear-gradient(135deg,#ff8c42,#e57830);box-shadow:0 3px #c4682a}.marathon-results__leaderboard-list{gap:var(--space-sm);flex-direction:column;display:flex}.marathon-results__leaderboard-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-background-alt);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.marathon-results__leaderboard-row--current{background:linear-gradient(135deg,#ff8c4226,#ffd93d26);border:2px solid #ff8c42}.marathon-results__leaderboard-row--top1{background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.marathon-results__leaderboard-row--top2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a)}.marathon-results__leaderboard-row--top3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a)}.marathon-results__leaderboard-rank{font-family:var(--font-display);color:var(--color-text);text-align:center;min-width:40px;font-size:1rem;font-weight:700}.marathon-results__leaderboard-name{font-family:var(--font-display);color:var(--color-text);flex:1;font-size:.95rem;font-weight:600}.marathon-results__leaderboard-giq{font-family:var(--font-display);color:#ff8c42;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#ff8c421a;font-size:1rem;font-weight:700}.marathon-results__actions{gap:var(--space-md);width:100%;animation:.6s ease-out .6s both sectionAppear;display:flex}.marathon-results__action-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-spring);border:none;flex:1;font-size:1rem;font-weight:700;display:flex}.marathon-results__action-btn--primary{color:var(--color-white);background:linear-gradient(135deg,#ff8c42,#e57830);box-shadow:0 4px #c4682a}.marathon-results__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px #c4682a}.marathon-results__action-btn--primary:active{transform:translateY(2px);box-shadow:0 2px #c4682a}.marathon-results__action-btn--secondary{color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);box-shadow:0 4px 0 var(--color-text)}.marathon-results__action-btn--secondary:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.marathon-results__action-btn--secondary:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.marathon-results__action-icon{font-size:1.2rem}.marathon-page--loading{justify-content:center;align-items:center;display:flex}.marathon-page__loader{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.marathon-page__loader-spinner{border:5px solid #ff8c4233;border-top-color:#ff8c42;border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}.marathon-page__loader-text{font-family:var(--font-display);color:var(--color-text-muted);font-size:1.1rem;font-weight:600}@keyframes gradientShift{0%{opacity:.8}to{opacity:1}}@keyframes marathonShapeFloat{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(40px,-40px)rotate(5deg)scale(1.05)}50%{transform:translate(-30px,30px)rotate(-5deg)scale(.95)}75%{transform:translate(-40px,-30px)rotate(3deg)scale(1.02)}}@keyframes marathonFloaterDrift{0%,to{opacity:.5;transform:translateY(0)translate(0)scale(1)}25%{opacity:.8;transform:translateY(-25px)translate(15px)scale(1.15)}50%{opacity:.6;transform:translateY(-50px)translate(-10px)scale(.85)}75%{opacity:.7;transform:translateY(-25px)translate(-15px)scale(1.1)}}@keyframes introFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes marathonIconGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes marathonRingExpand{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes marathonIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marathonParticleBurst{0%{opacity:0;transform:scale(0)translate(0)}30%{opacity:.9}to{transform:scale(1) translate(var(--particle-x,30px), var(--particle-y,-30px));opacity:0}}.marathon-intro__particle--1{--particle-x:-40px;--particle-y:0}.marathon-intro__particle--2{--particle-x:-30px;--particle-y:-30px}.marathon-intro__particle--3{--particle-x:0;--particle-y:-40px}.marathon-intro__particle--4{--particle-x:30px;--particle-y:-30px}.marathon-intro__particle--5{--particle-x:40px;--particle-y:0}.marathon-intro__particle--6{--particle-x:30px;--particle-y:30px}.marathon-intro__particle--7{--particle-x:0;--particle-y:40px}.marathon-intro__particle--8{--particle-x:-30px;--particle-y:30px}@keyframes chipAppear{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes startBtnPulse{0%,to{box-shadow:0 6px #c4682a,0 12px 30px #ff8c4266}50%{box-shadow:0 6px #c4682a,0 16px 40px #ff8c4299}}@keyframes countdownAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes countdownLabelPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes countdownNumberPop{0%{opacity:0;transform:scale(1.5)}50%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes transitionAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes resultSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes transitionCountdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes nextGameIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes hudSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes resultsAppear{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trophyGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes trophyBounce{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes rowAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.marathon-game-arena-wrapper{max-width:min(85vw,70vh - 140px)}}@media (max-width:768px){.marathon-intro__title{font-size:2.5rem}.marathon-intro__icon-wrapper{width:120px;height:120px}.marathon-intro__icon{font-size:3rem;inset:20px}.marathon-intro__rules{padding:var(--space-md)}.marathon-intro__rule{text-align:center;gap:var(--space-sm);flex-direction:column}.marathon-intro__start-btn{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.marathon-hud{gap:var(--space-sm);padding:var(--space-sm);flex-wrap:wrap}.marathon-hud__progress{order:3;justify-content:center;width:100%}.marathon-hud__progress-bar{flex:1;max-width:200px}.marathon-hud__game-info{order:1}.marathon-hud__scores{gap:var(--space-md);order:2}.marathon-game-main{padding:var(--space-md)}.marathon-game-arena-wrapper{max-width:min(90vw,60vh - 120px)}.marathon-arena__frame{inset:-8px}.marathon-arena__frame-corner{border-width:3px;width:28px;height:28px}.marathon-results__giq{width:150px;height:150px}.marathon-results__giq-content{width:120px;height:120px}.marathon-results__giq-value{font-size:2.8rem}.marathon-results__stats{gap:var(--space-sm)}.marathon-results__stat{padding:var(--space-sm) var(--space-md);min-width:80px}.marathon-results__evaluation,.marathon-results__leaderboard{padding:var(--space-md)}.marathon-results__criterion-bar{margin-left:0}.marathon-results__actions{flex-direction:column}}@media (max-width:480px){.marathon-intro__title{font-size:2rem}.marathon-intro__subtitle{font-size:1rem}.marathon-intro__game-chip-name{display:none}.marathon-countdown__number span{font-size:6rem}.marathon-game-arena-wrapper{max-width:min(95vw,55vh - 100px)}.marathon-results{padding:var(--space-md)}.marathon-results__giq{width:130px;height:130px;margin-bottom:var(--space-lg)}.marathon-results__giq-content{width:100px;height:100px}.marathon-results__giq-value{font-size:2.2rem}.marathon-results__giq-label{font-size:.7rem}.marathon-results__giq-subtitle{font-size:.6rem}.marathon-results__stat{min-width:70px;padding:var(--space-sm)}.marathon-results__stat-value{font-size:1.2rem}.marathon-results__stat-label{font-size:.65rem}.marathon-results__section-title{font-size:1rem}.marathon-results__criterion-label{font-size:.85rem}.marathon-results__leaderboard-tabs{gap:var(--space-xs)}.marathon-results__tab{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.marathon-results__actions{gap:var(--space-sm)}.marathon-results__action-btn{padding:var(--space-sm) var(--space-md);font-size:.9rem}}@media (max-height:500px) and (orientation:landscape){.marathon-hud{padding:var(--space-xs) var(--space-md)}.marathon-game-main{padding:var(--space-sm)}.marathon-game-arena-wrapper{max-width:min(50vw,85vh - 60px)}}.community-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.community-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.community-page__bg-gradient{background:radial-gradient(100% 80% at 50% -20%,#4d96ff1f 0%,#0000 50%),radial-gradient(80% 60% at 100%,#6bcb7714 0%,#0000 50%),radial-gradient(60% 40% at 0 80%,#ffd93d0f 0%,#0000 40%);position:absolute;inset:0}.community-bg-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite communityOrbFloat;position:absolute}.community-bg-orb--1{background:var(--color-accent);width:350px;height:350px;animation-delay:0s;top:-5%;right:10%}.community-bg-orb--2{background:var(--color-secondary);width:280px;height:280px;animation-delay:-10s;bottom:10%;left:5%}@keyframes communityOrbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(15px,-15px)scale(1.03)}50%{transform:translate(-10px,10px)scale(.97)}75%{transform:translate(-15px,-8px)scale(1.02)}}.community-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #4d96ff33;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards headerSlideDown;display:flex;position:sticky;top:0}.community-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:.9rem;font-weight:600;display:flex}.community-page__back svg{width:18px;height:18px}.community-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.community-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.community-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.community-page__icon-wrapper{width:56px;height:56px;position:relative}.community-page__icon-glow{background:radial-gradient(circle,#4d96ff66 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite communityIconGlow;position:absolute;inset:-8px}@keyframes communityIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.community-page__icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#4d96ff 0%,#3a78d6 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;position:relative;box-shadow:0 4px #3a78d6,0 8px 20px #4d96ff4d}.community-page__title-text{flex-direction:column;gap:2px;display:flex}.community-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.8rem;font-weight:700;line-height:1.1}.community-page__subtitle{color:var(--color-text-light);margin:0;font-size:.95rem;font-weight:500}.community-page__header-actions{align-items:center;gap:var(--space-md);display:flex}.community-page__header-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text);opacity:.5;background:#ffffff80;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.community-page__header-btn:hover{opacity:.8;background:#fffc}.community-page__header-btn svg{width:16px;height:16px}.community-page__logo-icon{opacity:.3;width:36px;height:36px;animation:20s linear infinite communityLogoSpin}@keyframes communityLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.community-page__main{z-index:5;padding:var(--space-2xl) var(--space-xl);align-items:center;gap:var(--space-xl);flex-direction:column;flex:1;width:100%;max-width:700px;margin:0 auto;display:flex;position:relative}.community-page__user-card{align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg, var(--color-accent-light), #4d96ff26);border:3px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:0 6px 0 color-mix(in srgb, var(--color-accent) 80%, black), 0 10px 30px #4d96ff26;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both communitySlideUp;display:flex}.community-page__user-rank{flex-direction:column;align-items:center;gap:2px;display:flex}.community-page__user-rank-label{color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.community-page__user-rank-value{font-family:var(--font-display);color:var(--color-accent-dark);font-size:1.6rem;font-weight:700;line-height:1}.community-page__user-info{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.community-page__user-name{font-family:var(--font-display);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:700;overflow:hidden}.community-page__user-badge{color:var(--color-accent-dark);border-radius:var(--radius-pill);white-space:nowrap;background:#fff9;padding:2px 8px;font-size:.75rem;font-weight:600}.community-page__user-giq{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fff9;flex-direction:column;align-items:center;display:flex}.community-page__user-giq-label{color:var(--color-text);opacity:.7;text-transform:uppercase;font-size:.65rem;font-weight:700}.community-page__user-giq-value{font-family:var(--font-display);color:var(--color-accent-dark);font-size:1.4rem;font-weight:700;line-height:1}.community-page__loading{align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-muted);flex-direction:column;font-size:.95rem;display:flex}.community-page__spinner{border:4px solid var(--color-accent-light);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite communitySpin}@keyframes communitySpin{to{transform:rotate(360deg)}}.community-page__empty{align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);text-align:center;flex-direction:column;display:flex}.community-page__empty-icon{opacity:.7;font-size:3rem}.community-page__empty-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.3rem;font-weight:700}.community-page__empty-desc{color:var(--color-text-light);max-width:320px;margin:0;font-size:.95rem}.community-page__empty-cta{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);color:var(--color-white);background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 4px 0 color-mix(in srgb, var(--color-accent) 80%, black);cursor:pointer;transition:var(--transition-spring);margin-top:var(--space-sm);font-size:.9rem;font-weight:600;display:inline-flex}.community-page__empty-cta:hover{box-shadow:0 6px 0 color-mix(in srgb, var(--color-accent) 80%, black);transform:translateY(-2px)}.community-page__empty-cta:active{box-shadow:0 2px 0 color-mix(in srgb, var(--color-accent) 80%, black);transform:translateY(2px)}.community-podium{justify-content:center;align-items:flex-end;gap:var(--space-md);width:100%;padding:var(--space-lg) 0;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both communitySlideUp;display:flex}.community-podium__item{align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;max-width:160px;display:flex}.community-podium__crown{font-size:1.5rem;animation:2s ease-in-out infinite crownBounce}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.community-podium__avatar{background:var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex;box-shadow:0 3px 10px #4e342e1a}.community-podium__item--1 .community-podium__avatar{border:3px solid #ffd93d;width:68px;height:68px;font-size:2.4rem;box-shadow:0 4px 15px #ffd93d4d}.community-podium__item--2 .community-podium__avatar{border:3px solid silver}.community-podium__item--3 .community-podium__avatar{border:3px solid #cd7f32}.community-podium__name{font-family:var(--font-display);color:var(--color-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:700;overflow:hidden}.community-podium__giq{font-family:var(--font-display);color:var(--color-accent-dark);background:var(--color-accent-light);border-radius:var(--radius-pill);padding:2px 10px;font-size:1.1rem;font-weight:700}.community-podium__bar{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;padding-bottom:var(--space-sm);justify-content:center;align-items:flex-end;display:flex}.community-podium__bar--1{background:linear-gradient(#ffe066 0%,#ffd93d 100%);border:3px solid #e5c235;border-bottom:none;height:100px}.community-podium__bar--2{background:linear-gradient(#e8e8e8 0%,silver 100%);border:3px solid #a8a8a8;border-bottom:none;height:72px}.community-podium__bar--3{background:linear-gradient(#fc9 0%,#cd7f32 100%);border:3px solid #b56e28;border-bottom:none;height:52px}.community-podium__position{font-family:var(--font-display);color:#ffffffe6;text-shadow:0 1px 3px #00000026;font-size:1.4rem;font-weight:700}.community-page__leaderboard{width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both communitySlideUp}.community-list{background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);border:3px solid #4e342e14;overflow:hidden}.community-list__header{padding:var(--space-sm) var(--space-lg);background:var(--color-background-alt);font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #4e342e0d;align-items:center;font-size:.75rem;font-weight:600;display:flex}.community-list__header-rank{text-align:center;width:48px}.community-list__header-player{flex:1}.community-list__header-giq{text-align:center;width:72px}.community-list__entry{padding:var(--space-sm) var(--space-lg);transition:var(--transition-fast);border-bottom:1px solid #4e342e0a;align-items:center;display:flex}.community-list__entry:last-child{border-bottom:none}.community-list__entry:hover{background:var(--color-background)}.community-list__entry--top1{background:linear-gradient(135deg,#fffbea 0%,#fff8dc 100%)}.community-list__entry--top1:hover{background:linear-gradient(135deg,#fff8dc 0%,#ffefb8 100%)}.community-list__entry--top2{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)}.community-list__entry--top2:hover{background:linear-gradient(135deg,#f5f5f5 0%,#eee 100%)}.community-list__entry--top3{background:linear-gradient(135deg,#fff5eb 0%,#fbe4d5 100%)}.community-list__entry--top3:hover{background:linear-gradient(135deg,#fbe4d5 0%,#f5d4c0 100%)}.community-list__entry--current{background:linear-gradient(135deg, var(--color-accent-light), #4d96ff1a);border-left:4px solid var(--color-accent)}.community-list__entry--current:hover{background:linear-gradient(135deg, var(--color-accent-light), #4d96ff26)}.community-list__rank{justify-content:center;align-items:center;width:48px;display:flex}.community-list__rank-medal{font-size:1.3rem}.community-list__rank-number{font-family:var(--font-display);color:var(--color-text-muted);font-size:.9rem;font-weight:700}.community-list__entry--current .community-list__rank-number{color:var(--color-accent-dark)}.community-list__player{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.community-list__name{font-family:var(--font-body);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.community-list__you{color:var(--color-accent-dark);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffffb3;padding:2px 8px;font-size:.75rem;font-weight:600}.community-list__giq{text-align:center;width:72px;font-family:var(--font-display);color:var(--color-text);background:var(--color-background);border-radius:var(--radius-sm);padding:4px 10px;font-size:1rem;font-weight:700}.community-list__entry--current .community-list__giq{color:var(--color-accent-dark);background:#ffffffb3}.community-list__entry--top1 .community-list__giq{background:#ffd93d33}.community-list__entry--top2 .community-list__giq{background:#c0c0c033}.community-list__entry--top3 .community-list__giq{background:#cd7f3226}.community-list__sticky{background:var(--color-white);border-radius:0 0 var(--radius-lg) var(--radius-lg);border:3px solid var(--color-accent);border-top:none;width:100%;overflow:hidden;box-shadow:0 4px 15px #4d96ff26}.community-list__sticky-separator{padding:var(--space-xs) 0;color:var(--color-text-muted);letter-spacing:3px;border-top:2px dashed var(--color-accent);justify-content:center;align-items:center;font-size:.8rem;display:flex}.community-list__entry--sticky{animation:2s ease-in-out infinite stickyGlow}@keyframes stickyGlow{0%,to{box-shadow:inset 0 0 #4d96ff00}50%{box-shadow:inset 0 0 20px #4d96ff14}}.community-page__footer{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0b3;border-top:2px solid #4e342e0d;position:relative}@keyframes communitySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.community-page__header{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.community-page__title-block{order:2;justify-content:center;width:100%}.community-page__back{order:1}.community-page__header-actions{order:3}.community-page__header-actions .community-page__logo-icon{display:none}.community-page__title{text-align:center;font-size:1.5rem}.community-page__subtitle{text-align:center}.community-page__main{padding:var(--space-xl) var(--space-md);gap:var(--space-lg)}.community-page__user-card{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.community-podium{gap:var(--space-sm)}.community-podium__avatar{width:44px;height:44px;font-size:1.5rem}.community-podium__item--1 .community-podium__avatar{width:56px;height:56px;font-size:2rem}.community-podium__bar--1{height:80px}.community-podium__bar--2{height:56px}.community-podium__bar--3{height:40px}.community-list__entry{padding:var(--space-sm) var(--space-md)}.community-list__header{padding:var(--space-xs) var(--space-md)}}@media (max-width:480px){.community-page__logo-text{display:none}.community-page__user-card{flex-wrap:wrap}.community-page__user-info{order:-1;width:100%}.community-podium__name{font-size:.75rem}.community-podium__giq{font-size:.9rem}.community-list__rank,.community-list__header-rank{width:36px}.community-list__giq{width:60px;font-size:.9rem}.community-list__header-giq{width:60px}}.profile-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.profile-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.profile-page__bg-gradient{background:radial-gradient(100% 80% at 50% -20%,#6bcb771f 0%,#0000 50%),radial-gradient(80% 60% at 100% 30%,#4d96ff14 0%,#0000 50%),radial-gradient(70% 50% at 0 70%,#ffd93d14 0%,#0000 40%);position:absolute;inset:0}.profile-bg-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite profileOrbFloat;position:absolute}.profile-bg-orb--1{background:var(--color-secondary);width:380px;height:380px;animation-delay:0s;top:-8%;left:15%}.profile-bg-orb--2{background:var(--color-accent);width:300px;height:300px;animation-delay:-8s;top:30%;right:-5%}.profile-bg-orb--3{background:var(--color-primary);width:250px;height:250px;animation-delay:-14s;bottom:5%;left:10%}@keyframes profileOrbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(15px,-18px)scale(1.04)}50%{transform:translate(-12px,12px)scale(.96)}75%{transform:translate(-16px,-10px)scale(1.03)}}.profile-page__particles{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.profile-particle{border-radius:50%;animation:18s ease-in-out infinite profileParticleFloat;position:absolute}.profile-particle--1{background:var(--color-secondary);width:6px;height:6px;animation-delay:0s;top:12%;left:6%}.profile-particle--2{background:var(--color-accent);width:4px;height:4px;animation-delay:-3s;top:28%;left:14%}.profile-particle--3{background:var(--color-primary);width:7px;height:7px;animation-delay:-6s;top:48%;left:4%}.profile-particle--4{background:var(--color-secondary-light);width:5px;height:5px;animation-delay:-9s;top:72%;left:10%}.profile-particle--5{background:var(--color-primary);width:5px;height:5px;animation-delay:-2s;top:18%;right:8%}.profile-particle--6{background:var(--color-accent-light);width:6px;height:6px;animation-delay:-5s;top:55%;right:6%}.profile-particle--7{background:var(--color-secondary);width:4px;height:4px;animation-delay:-8s;top:82%;right:12%}.profile-particle--8{background:var(--color-primary-light);width:7px;height:7px;animation-delay:-11s;top:90%;left:50%}@keyframes profileParticleFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-25px)scale(1.15)}}.profile-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #6bcb7733;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards profileHeaderSlideDown;display:flex;position:sticky;top:0}@keyframes profileHeaderSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.profile-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:.9rem;font-weight:600;display:flex}.profile-page__back svg{width:18px;height:18px}.profile-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.profile-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.profile-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.profile-page__icon-wrapper{width:56px;height:56px;position:relative}.profile-page__icon-glow{background:radial-gradient(circle,#6bcb7766 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite profileIconGlow;position:absolute;inset:-8px}@keyframes profileIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.profile-page__icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#6bcb77 0%,#5ab668 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;position:relative;box-shadow:0 4px #4a9957,0 8px 20px #6bcb774d}.profile-page__title-text{flex-direction:column;gap:2px;display:flex}.profile-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.8rem;font-weight:700;line-height:1.1}.profile-page__subtitle{color:var(--color-text-light);margin:0;font-size:.95rem;font-weight:500}.profile-page__header-actions{align-items:center;gap:var(--space-md);display:flex}.profile-page__header-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text);opacity:.5;background:#ffffff80;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.profile-page__header-btn:hover{opacity:.8;background:#fffc}.profile-page__header-btn svg{width:16px;height:16px}.profile-page__logo-icon{opacity:.3;width:36px;height:36px;animation:20s linear infinite profileLogoSpin}@keyframes profileLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-page__main{z-index:5;padding:var(--space-2xl) var(--space-xl);align-items:center;gap:var(--space-2xl);flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.profile-hero{width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both profileSlideUp}.profile-hero__card{align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), 0 0 0 1px #6bcb770d;border:3px solid #6bcb7733;display:flex;position:relative;overflow:hidden}.profile-hero__card:before{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-accent), var(--color-primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.profile-hero__avatar-area{flex-shrink:0}.profile-hero__avatar{width:100px;height:100px;position:relative}.profile-hero__xp-ring{width:100%;height:100%;color:var(--color-text);position:absolute;inset:0}.profile-hero__xp-progress{filter:drop-shadow(0 0 6px #6bcb7780);transition:stroke-dasharray 1.2s cubic-bezier(.34,1.56,.64,1)}.profile-hero__avatar-inner{background:linear-gradient(145deg, var(--color-white) 0%, #fff8f0 100%);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:absolute;inset:10px;overflow:hidden;box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -2px 6px #4e342e0f,0 3px 10px #4e342e14}.profile-hero__photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-hero__level-badge{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);width:32px;height:32px;font-family:var(--font-display);color:var(--color-white);box-shadow:0 3px 0 var(--color-secondary-dark);border:3px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;bottom:-3px;right:-3px}.profile-hero__info{gap:var(--space-md);flex-direction:column;flex:1;min-width:0;display:flex}.profile-hero__name-row{align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.profile-hero__name{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.profile-hero__player-title{color:var(--color-secondary-dark);border-radius:var(--radius-pill);background:linear-gradient(135deg,#e8fae9,#d4f5d6);padding:3px 12px;font-size:.85rem;font-weight:600}.profile-hero__xp-section{flex-direction:column;gap:6px;display:flex}.profile-hero__xp-bar{border-radius:var(--radius-pill);background:#4e342e0f;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #4e342e14}.profile-hero__xp-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light));border-radius:var(--radius-pill);height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative}.profile-hero__xp-fill:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(#ffffff73,#0000);height:50%;position:absolute;top:0;left:0;right:0}.profile-hero__xp-labels{justify-content:space-between;display:flex}.profile-hero__xp-text{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.profile-hero__xp-level{font-family:var(--font-display);color:var(--color-secondary-dark);font-size:.8rem;font-weight:600}.profile-hero__meta{gap:var(--space-lg);flex-wrap:wrap;display:flex}.profile-hero__meta-item{align-items:center;gap:var(--space-xs);color:var(--color-text-light);font-size:.8rem;font-weight:500;display:flex}.profile-hero__meta-icon{font-size:.9rem}.profile-hero__giq{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff8dc 0%,#ffefb8 100%);border:3px solid #ffd93d66;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:80px;display:flex;box-shadow:0 4px #e5d9a0}.profile-hero__giq-label{font-family:var(--font-display);color:var(--color-text);opacity:.6;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.profile-hero__giq-value{font-family:var(--font-display);color:var(--color-text);font-size:2rem;font-weight:700;line-height:1}.profile-hero__giq-sub{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.profile-stats{width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both profileSlideUp}.profile-stats__grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.profile-stat-card{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-spring);text-align:center;border:3px solid #0000;flex-direction:column;display:flex}.profile-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.profile-stat-card--games:hover{border-color:var(--color-accent)}.profile-stat-card--score:hover{border-color:var(--color-primary)}.profile-stat-card--giq:hover{border-color:var(--color-secondary)}.profile-stat-card--rank:hover{border-color:#c084fc}.profile-stat-card__icon{margin-bottom:var(--space-xs);font-size:1.6rem}.profile-stat-card__value{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.profile-stat-card__label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.profile-section{background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:var(--space-xl);border:3px solid #4e342e0f;overflow:hidden}.profile-section--radar{animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both profileSlideUp}.profile-section--evolution{animation:.6s cubic-bezier(.34,1.56,.64,1) .4s both profileSlideUp}.profile-section--trophies{animation:.6s cubic-bezier(.34,1.56,.64,1) .5s both profileSlideUp}.profile-section--marathons{animation:.6s cubic-bezier(.34,1.56,.64,1) .6s both profileSlideUp}.profile-section--scores{animation:.6s cubic-bezier(.34,1.56,.64,1) .7s both profileSlideUp}.profile-section__header{margin-bottom:var(--space-xl)}.profile-section__title{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:var(--space-sm);margin:0 0 4px;font-size:1.3rem;font-weight:700;display:flex}.profile-section__title-icon{font-size:1.2rem}.profile-section__desc{color:var(--color-text-light);margin:0;font-size:.9rem}.radar-chart{align-items:center;gap:var(--space-xl);display:flex}.radar-chart__svg{flex-shrink:0;width:300px;height:300px}.radar-chart__data-path{animation:1.2s cubic-bezier(.34,1.56,.64,1) .6s both radarReveal}@keyframes radarReveal{0%{opacity:0;transform-origin:50%;transform:scale(.3)}to{opacity:1;transform-origin:50%;transform:scale(1)}}.radar-chart__label{font-family:var(--font-display);font-size:11px;font-weight:600}.radar-chart__legend{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.radar-chart__legend-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-background);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.radar-chart__legend-item:hover{background:var(--color-background-alt);transform:translate(4px)}.radar-chart__legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.radar-chart__legend-label{font-family:var(--font-display);color:var(--color-text);flex:1;font-size:.9rem;font-weight:600}.radar-chart__legend-value{font-family:var(--font-display);color:var(--color-text);text-align:right;min-width:36px;font-size:1.1rem;font-weight:700}.line-chart{width:100%;overflow-x:auto}.line-chart__svg{width:100%;min-width:500px;height:auto}.line-chart__tick-label{font-family:var(--font-body);fill:var(--color-text-muted);font-size:10px;font-weight:600}.line-chart__line{animation:1.5s ease-out .5s both lineDrawIn}.line-chart__area{animation:1s ease-out .8s both areaFadeIn}@keyframes lineDrawIn{0%{stroke-dasharray:2000;stroke-dashoffset:2000px}to{stroke-dasharray:2000;stroke-dashoffset:0}}@keyframes areaFadeIn{0%{opacity:0}to{opacity:1}}.profile-trophies-progress{border-radius:var(--radius-pill);height:8px;margin-bottom:var(--space-lg);background:#4e342e0f;overflow:hidden}.profile-trophies-progress__fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));border-radius:var(--radius-pill);height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative}.profile-trophies-progress__fill:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(#ffffff73,#0000);height:50%;position:absolute;top:0;left:0;right:0}.profile-recent-trophies{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.profile-recent-trophy{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-spring);background:linear-gradient(135deg,#fffdf5cc,#fff8dc99);flex-direction:column;display:flex}.profile-recent-trophy:hover{background:linear-gradient(135deg,#fffdf5,#fff8dc);transform:translateY(-4px);box-shadow:0 6px 16px #ffd93d26}.profile-recent-trophy__icon{font-size:1.6rem}.profile-recent-trophy__name{font-family:var(--font-display);color:var(--color-text);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.profile-trophies-see-all{justify-content:center;align-items:center;gap:var(--space-sm);width:fit-content;padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-pill);box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary) 80%, black);cursor:pointer;transition:var(--transition-spring);border:none;margin:0 auto;font-size:.85rem;font-weight:600;display:flex}.profile-trophies-see-all:hover{box-shadow:0 6px 0 color-mix(in srgb, var(--color-primary) 80%, black);transform:translateY(-2px)}.profile-trophies-see-all:active{box-shadow:0 2px 0 color-mix(in srgb, var(--color-primary) 80%, black);transform:translateY(2px)}.profile-trophies-see-all svg{width:16px;height:16px}.profile-marathon-list{gap:var(--space-sm);flex-direction:column;display:flex}.profile-marathon-entry{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-background);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);text-align:left;border:2px solid #0000;width:100%;display:flex;position:relative}.profile-marathon-entry:hover{background:var(--color-background-alt);border-color:var(--color-accent);transform:translate(6px)}.profile-marathon-entry--best{border-color:var(--color-primary);background:linear-gradient(135deg,#fff8dc,#fffbea)}.profile-marathon-entry--best:hover{border-color:var(--color-primary-dark)}.profile-marathon-entry__best-badge{top:-8px;right:var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-primary);border-radius:var(--radius-pill);box-shadow:0 2px 0 var(--color-primary-dark);padding:2px 10px;font-size:.65rem;font-weight:700;position:absolute}.profile-marathon-entry__giq{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg, var(--color-accent-light), #4d96ff26);border-radius:var(--radius-sm);flex-direction:column;align-items:center;min-width:56px;display:flex}.profile-marathon-entry__giq-label{color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.profile-marathon-entry__giq-value{font-family:var(--font-display);color:var(--color-accent-dark);font-size:1.2rem;font-weight:700;line-height:1}.profile-marathon-entry__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-marathon-entry__date{font-family:var(--font-display);color:var(--color-text);font-size:.9rem;font-weight:600}.profile-marathon-entry__score{color:var(--color-text-light);font-size:.8rem;font-weight:500}.profile-marathon-entry__games{flex-direction:column;align-items:center;gap:1px;display:flex}.profile-marathon-entry__games-count{font-family:var(--font-display);color:var(--color-text);font-size:1rem;font-weight:700}.profile-marathon-entry__games-label{color:var(--color-text-muted);font-size:.65rem;font-weight:600}.profile-marathon-entry__arrow{width:18px;height:18px;color:var(--color-text-muted);transition:var(--transition-fast);flex-shrink:0}.profile-marathon-entry:hover .profile-marathon-entry__arrow{color:var(--color-accent);transform:translate(3px)}.profile-scores-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.profile-score-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-background);border-radius:var(--radius-md);transition:var(--transition-spring);border:2px solid #0000;display:flex}.profile-score-card:hover{background:var(--color-background-alt);border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 6px 16px #6bcb771f}.profile-score-card__icon{background:var(--color-white);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;box-shadow:0 2px 6px #4e342e0f}.profile-score-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-score-card__name{font-family:var(--font-display);color:var(--color-text);font-size:.85rem;font-weight:600}.profile-score-card__score{font-family:var(--font-display);color:var(--color-secondary-dark);font-size:1.1rem;font-weight:700}.profile-score-card__rank{padding:var(--space-xs) var(--space-sm);background:var(--color-white);border-radius:var(--radius-sm);flex-shrink:0;align-items:baseline;gap:1px;display:flex}.profile-score-card__rank-label{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.profile-score-card__rank-value{font-family:var(--font-display);color:var(--color-text);font-size:1rem;font-weight:700}.profile-page__loading{align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-muted);flex-direction:column;font-size:.95rem;display:flex}.profile-page__spinner{border:4px solid var(--color-secondary-light);border-top-color:var(--color-secondary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite profileSpin}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-page__footer{z-index:10;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0b3;border-top:2px solid #4e342e0d;position:relative}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.profile-page__main{padding:var(--space-xl) var(--space-lg);gap:var(--space-xl)}.radar-chart{flex-direction:column;align-items:center}.radar-chart__svg{width:260px;height:260px}.radar-chart__legend{width:100%}}@media (max-width:768px){.profile-page__header{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.profile-page__title-block{order:2;justify-content:center;width:100%}.profile-page__back{order:1}.profile-page__header-actions{order:3}.profile-page__header-actions .profile-page__logo-icon{display:none}.profile-page__title{text-align:center;font-size:1.5rem}.profile-page__subtitle{text-align:center}.profile-page__main{padding:var(--space-lg) var(--space-md);gap:var(--space-lg)}.profile-hero__card{text-align:center;padding:var(--space-lg);align-items:center;gap:var(--space-lg);flex-direction:column}.profile-hero__name-row,.profile-hero__meta{justify-content:center}.profile-stats__grid{grid-template-columns:repeat(2,1fr)}.profile-recent-trophies{grid-template-columns:repeat(3,1fr)}.profile-scores-grid{grid-template-columns:1fr}.profile-section{padding:var(--space-lg)}}@media (max-width:480px){.profile-hero__name{font-size:1.3rem}.profile-hero__avatar{width:80px;height:80px}.profile-hero__giq{padding:var(--space-sm) var(--space-md)}.profile-hero__giq-value{font-size:1.6rem}.profile-stats__grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.profile-stat-card{padding:var(--space-md) var(--space-sm)}.profile-stat-card__value{font-size:1.2rem}.profile-stat-card__label{font-size:.65rem}.profile-recent-trophies{grid-template-columns:repeat(2,1fr)}.radar-chart__svg{width:220px;height:220px}.profile-marathon-entry{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.profile-marathon-entry__giq{min-width:44px;padding:var(--space-xs) var(--space-sm)}.profile-section__title{font-size:1.1rem}}.trophies-page{min-height:100vh;background:var(--color-background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.trophies-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.trophies-page__bg-gradient{background:radial-gradient(100% 80% at 50% -20%,#ffd93d1f 0%,#0000 50%),radial-gradient(80% 60% at 100% 30%,#6bcb7714 0%,#0000 50%),radial-gradient(70% 50% at 0 70%,#4d96ff14 0%,#0000 40%);position:absolute;inset:0}.trophies-bg-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite trophiesOrbFloat;position:absolute}.trophies-bg-orb--1{background:var(--color-primary);width:380px;height:380px;animation-delay:0s;top:-8%;left:15%}.trophies-bg-orb--2{background:var(--color-secondary);width:300px;height:300px;animation-delay:-8s;top:30%;right:-5%}.trophies-bg-orb--3{background:var(--color-accent);width:250px;height:250px;animation-delay:-14s;bottom:5%;left:10%}@keyframes trophiesOrbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(15px,-18px)scale(1.04)}50%{transform:translate(-12px,12px)scale(.96)}75%{transform:translate(-16px,-10px)scale(1.03)}}.trophies-page__particles{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.trophies-particle{border-radius:50%;animation:18s ease-in-out infinite trophiesParticleFloat;position:absolute}.trophies-particle--1{background:var(--color-primary);width:6px;height:6px;animation-delay:0s;top:12%;left:6%}.trophies-particle--2{background:var(--color-secondary);width:4px;height:4px;animation-delay:-3s;top:28%;left:14%}.trophies-particle--3{background:var(--color-accent);width:7px;height:7px;animation-delay:-6s;top:48%;left:4%}.trophies-particle--4{background:var(--color-primary-light);width:5px;height:5px;animation-delay:-9s;top:72%;left:10%}.trophies-particle--5{background:var(--color-secondary);width:5px;height:5px;animation-delay:-2s;top:18%;right:8%}.trophies-particle--6{background:var(--color-primary);width:6px;height:6px;animation-delay:-5s;top:55%;right:6%}.trophies-particle--7{background:var(--color-accent);width:4px;height:4px;animation-delay:-8s;top:82%;right:12%}.trophies-particle--8{background:var(--color-secondary-light);width:7px;height:7px;animation-delay:-11s;top:90%;left:50%}@keyframes trophiesParticleFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-25px)scale(1.15)}}.trophies-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #ffd93d33;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards trophiesHeaderSlideDown;display:flex;position:sticky;top:0}@keyframes trophiesHeaderSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.trophies-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:.9rem;font-weight:600;display:flex}.trophies-page__back svg{width:18px;height:18px}.trophies-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.trophies-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.trophies-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.trophies-page__icon-wrapper{width:56px;height:56px;position:relative}.trophies-page__icon-glow{background:radial-gradient(circle,#ffd93d66 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite trophiesIconGlow;position:absolute;inset:-8px}@keyframes trophiesIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.trophies-page__icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffd93d 0%,#f0c929 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;position:relative;box-shadow:0 4px #d4b42a,0 8px 20px #ffd93d4d}.trophies-page__title-text{flex-direction:column;gap:2px;display:flex}.trophies-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.8rem;font-weight:700;line-height:1.1}.trophies-page__subtitle{color:var(--color-text-light);margin:0;font-size:.95rem;font-weight:500}.trophies-page__header-actions{align-items:center;gap:var(--space-md);display:flex}.trophies-page__logo-icon{opacity:.3;width:36px;height:36px;animation:20s linear infinite trophiesLogoSpin}@keyframes trophiesLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trophies-page__main{z-index:5;padding:var(--space-2xl) var(--space-xl);align-items:center;gap:var(--space-2xl);flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.trophies-page__hero{width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both trophiesSlideUp}.trophies-hero{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), inset 0 1px 0 #fffc;background:linear-gradient(135deg,#fffdf8e6,#fff5e6b3);border:1px solid #ffd93d26;display:flex}.trophies-hero__ring{flex-shrink:0;width:110px;height:110px;position:relative}.trophies-hero__circle{width:100%;height:100%;transform:rotate(-90deg)}.trophies-hero__circle-track{stroke:#4e342e0f}.trophies-hero__circle-fill{stroke:var(--color-primary);filter:drop-shadow(0 0 6px #ffd93d66);transition:stroke-dashoffset 1.2s cubic-bezier(.34,1.56,.64,1)}.trophies-hero__count{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.trophies-hero__number{font-family:var(--font-display);color:var(--color-text);font-size:2.2rem;font-weight:700;line-height:1}.trophies-hero__sep{font-family:var(--font-display);color:var(--color-text-muted);margin-top:4px;font-size:1.2rem;font-weight:500}.trophies-hero__total{font-family:var(--font-display);color:var(--color-text-muted);margin-top:4px;font-size:1.2rem;font-weight:600}.trophies-hero__info{flex-direction:column;gap:2px;display:flex}.trophies-hero__percent{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-secondary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1}.trophies-hero__label{font-family:var(--font-display);color:var(--color-text-muted);text-transform:lowercase;font-size:.9rem;font-weight:600}.trophies-page__shelves{gap:var(--space-xl);flex-direction:column;width:100%;display:flex}.trophy-shelf{animation:.5s cubic-bezier(.34,1.56,.64,1) both trophiesSlideUp}.trophy-shelf__header{align-items:center;gap:var(--space-md);padding:0 var(--space-xs);margin-bottom:var(--space-md);display:flex}.trophy-shelf__icon{background:var(--color-white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex;box-shadow:0 2px 8px #4e342e0f}.trophy-shelf--complete .trophy-shelf__icon{background:linear-gradient(135deg,#fff8dc,#ffefb8);box-shadow:0 2px 10px #ffd93d40}.trophy-shelf__name{font-family:var(--font-display);color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1}.trophy-shelf__bar{border-radius:var(--radius-pill);background:#4e342e0d;flex:1;min-width:40px;height:6px;overflow:hidden}.trophy-shelf__bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-pill);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.trophy-shelf__bar-fill:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(#ffffff80,#0000);height:50%;position:absolute;top:0;left:0;right:0}.trophy-shelf--complete .trophy-shelf__bar-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary))}.trophy-shelf__count{font-family:var(--font-display);color:var(--color-text);text-align:right;flex-shrink:0;min-width:32px;font-size:.85rem;font-weight:700}.trophy-shelf__count-sep{color:var(--color-text-muted);margin:0 1px;font-weight:500}.trophy-shelf--complete .trophy-shelf__count{color:var(--color-secondary-dark)}.trophy-shelf__grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.trophy-card{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);cursor:default;flex-direction:column;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:.4s cubic-bezier(.34,1.56,.64,1) both trophyCardAppear;display:flex;position:relative}@keyframes trophyCardAppear{0%{opacity:0;transform:scale(.8)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.trophy-card--earned{background:linear-gradient(160deg,#fffdf8f2 0%,#fff8dcb3 100%);border:1px solid #ffd93d1f;box-shadow:0 2px 12px #4e342e0d,inset 0 1px #ffffffe6}.trophy-card--earned:hover{z-index:2;transform:translateY(-4px)scale(1.03);box-shadow:0 8px 24px #ffd93d2e,0 2px 8px #4e342e0f,inset 0 1px #ffffffe6}.trophy-card--locked{background:#4e342e05;border:1px solid #4e342e0a}.trophy-card--locked:hover{background:#4e342e0a}.trophy-card__medal{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.trophy-card--earned .trophy-card__medal{background:linear-gradient(145deg,#fffdf5,#fff3cc);box-shadow:0 3px #e5c23533,0 6px 16px #ffd93d26}.trophy-card--earned .trophy-card__medal:after{content:"";z-index:-1;background:conic-gradient(#ffd93d4d,#fff0a31a,#ffd93d4d,#fff0a31a,#ffd93d4d);border-radius:50%;animation:4s linear infinite trophyMedalShine;position:absolute;inset:-3px}@keyframes trophyMedalShine{to{transform:rotate(360deg)}}.trophy-card--locked .trophy-card__medal{background:#4e342e0a}.trophy-card__emoji{z-index:1;font-size:1.5rem;line-height:1;position:relative}.trophy-card--locked .trophy-card__emoji{filter:grayscale();opacity:.3}.trophy-card__lock{background:var(--color-background);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #4e342e1a}.trophy-card__lock--premium{background:linear-gradient(135deg,gold,orange)}.trophy-card--premium{opacity:.65}.trophy-card--premium .trophy-card__medal{filter:grayscale(.4)}.trophy-card__tooltip-premium{color:gold;font-size:.7rem;font-weight:600}.trophy-card__name{font-family:var(--font-display);color:var(--color-text);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.7rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.trophy-card--locked .trophy-card__name{color:var(--color-text-muted);opacity:.6}.trophy-card__tooltip{width:max-content;max-width:200px;padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--radius-sm);opacity:0;pointer-events:none;z-index:20;border:1px solid #ffd93d26;flex-direction:column;gap:3px;transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 8px 32px #4e342e24}.trophy-card__tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-white);position:absolute;top:100%;left:50%;transform:translate(-50%)}.trophy-card:hover .trophy-card__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.trophy-card__tooltip-name{font-family:var(--font-display);color:var(--color-text);font-size:.8rem;font-weight:700;line-height:1.2}.trophy-card__tooltip-desc{color:var(--color-text-light);font-size:.72rem;line-height:1.3}.trophy-card__tooltip-date{color:var(--color-secondary-dark);margin-top:1px;font-size:.65rem;font-weight:600}.trophies-page__loading{align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-muted);flex-direction:column;font-size:.95rem;display:flex}.trophies-page__spinner{border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite trophiesSpin}@keyframes trophiesSpin{to{transform:rotate(360deg)}}@keyframes trophiesSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.trophies-page__header{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap}.trophies-page__title-block{order:2;justify-content:center;width:100%}.trophies-page__back{order:1}.trophies-page__header-actions{order:3}.trophies-page__header-actions .trophies-page__logo-icon{display:none}.trophies-page__title{text-align:center;font-size:1.5rem}.trophies-page__subtitle{text-align:center}.trophies-page__main{padding:var(--space-lg) var(--space-md);gap:var(--space-xl)}.trophies-hero{padding:var(--space-lg);gap:var(--space-lg)}.trophies-hero__ring{width:90px;height:90px}.trophies-hero__number{font-size:1.8rem}.trophies-hero__sep,.trophies-hero__total{font-size:1rem}.trophies-hero__percent{font-size:1.6rem}.trophy-shelf__grid{grid-template-columns:repeat(3,1fr)}.trophy-shelf__icon{width:34px;height:34px;font-size:1.15rem}.trophy-shelf__name{font-size:.95rem}.trophy-card__tooltip{top:calc(100% + 8px);bottom:auto}.trophy-card__tooltip:after{border-top-color:#0000;border-bottom-color:var(--color-white);top:auto;bottom:100%}}@media (max-width:480px){.trophy-shelf__grid{gap:var(--space-xs);grid-template-columns:repeat(3,1fr)}.trophy-card{padding:var(--space-sm) var(--space-xs) var(--space-xs)}.trophy-card__medal{width:42px;height:42px}.trophy-card__emoji{font-size:1.25rem}.trophy-card__name{font-size:.62rem}.trophy-shelf__icon{border-radius:8px;width:30px;height:30px;font-size:1rem}.trophy-shelf__name{font-size:.85rem}.trophies-hero{padding:var(--space-lg) var(--space-md);gap:var(--space-sm);flex-direction:column}.trophies-hero__ring{width:80px;height:80px}.trophies-hero__number{font-size:1.6rem}.trophies-hero__info{align-items:center}.trophies-hero__percent{font-size:1.4rem}}.settings-page{min-height:100vh;padding-bottom:var(--space-3xl);position:relative}.settings-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.settings-page__bg-gradient{background:radial-gradient(ellipse at 20% 20%, #4ecdc414 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #c780ff0f 0%, transparent 60%), radial-gradient(ellipse at 50% 50%, #ffc3000a 0%, transparent 70%), var(--color-background);position:absolute;inset:0}.settings-page__bg-orbs{position:absolute;inset:0}.settings-bg-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite settingsOrbFloat;position:absolute}.settings-bg-orb--1{background:var(--color-primary);opacity:.08;width:300px;height:300px;top:10%;left:-5%}.settings-bg-orb--2{background:var(--color-accent);opacity:.06;width:250px;height:250px;animation-delay:-8s;bottom:20%;right:-5%}.settings-bg-orb--3{background:var(--color-secondary);opacity:.05;width:200px;height:200px;animation-delay:-14s;top:50%;left:50%}@keyframes settingsOrbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}}.settings-page__particles{z-index:1;pointer-events:none;position:fixed;inset:0}.settings-particle{background:var(--color-primary);opacity:.15;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite settingsParticleFloat;position:absolute}.settings-particle--1{animation-delay:0s;top:8%;left:15%}.settings-particle--2{background:var(--color-accent);animation-delay:-2s;top:25%;right:20%}.settings-particle--3{background:var(--color-secondary);animation-delay:-4s;top:45%;left:8%}.settings-particle--4{animation-delay:-6s;top:60%;right:12%}.settings-particle--5{background:var(--color-accent);animation-delay:-8s;top:75%;left:25%}.settings-particle--6{background:var(--color-secondary);animation-delay:-10s;top:15%;right:35%}.settings-particle--7{animation-delay:-12s;top:85%;left:45%}.settings-particle--8{background:var(--color-accent);animation-delay:-14s;top:35%;right:8%}@keyframes settingsParticleFloat{0%,to{opacity:.15;transform:translateY(0)scale(1)}50%{opacity:.25;transform:translateY(-20px)scale(1.3)}}.settings-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #4ecdc433;display:flex;position:sticky;top:0}.settings-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:.9rem;font-weight:600;display:flex}.settings-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.settings-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.settings-page__back svg{width:18px;height:18px}.settings-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.settings-page__icon-wrapper{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.settings-page__icon-glow{background:radial-gradient(circle,#4ecdc44d 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite settingsIconGlow;position:absolute;inset:-4px}@keyframes settingsIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.settings-page__icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.settings-page__icon svg{width:22px;height:22px}.settings-page__title-text{flex-direction:column;display:flex}.settings-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.3rem;line-height:1.2}.settings-page__subtitle{color:var(--color-text);opacity:.5;margin:2px 0 0;font-size:.8rem}.settings-page__header-actions{align-items:center;gap:var(--space-sm);display:flex}.settings-page__logo-icon{opacity:.6;width:32px;height:32px}.settings-page__main{z-index:5;max-width:680px;padding:var(--space-xl) var(--space-lg);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.settings-section{gap:var(--space-sm);flex-direction:column;display:flex}.settings-section__header{justify-content:space-between;align-items:center;display:flex}.settings-section__title{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.settings-section__title-icon{font-size:1.2rem}.settings-section__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-lg);background:#ffffffb3;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #0000000a}.settings-section__desc{color:var(--color-text);opacity:.6;margin:0 0 var(--space-md);font-size:.85rem}.settings-profile{align-items:center;gap:var(--space-lg);display:flex}.settings-profile__avatar{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent-light));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.settings-profile__photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.settings-profile__avatar-emoji{font-size:1.8rem}.settings-profile__info{flex-direction:column;flex:1;gap:8px;display:flex}.settings-profile__row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.settings-profile__label{color:var(--color-text);opacity:.5;font-size:.85rem}.settings-profile__value{color:var(--color-text);font-size:.9rem;font-weight:600}.settings-profile__value--editable{cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.settings-profile__value--editable:hover{background:#00000008;border-color:#00000014}.settings-profile__edit-icon{opacity:.35;width:14px;height:14px;transition:opacity .2s}.settings-profile__value--editable:hover .settings-profile__edit-icon{opacity:.6}.settings-profile__edit{align-items:center;gap:6px;display:flex}.settings-profile__input{color:var(--color-text);border:1px solid var(--color-primary);background:#00000008;border-radius:8px;outline:none;width:160px;padding:4px 10px;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .2s}.settings-profile__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4ecdc426}.settings-profile__save,.settings-profile__cancel{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex}.settings-profile__save{background:var(--color-primary);color:#fff}.settings-profile__save:hover{background:var(--color-primary-dark,#3dbdb5)}.settings-profile__cancel{color:var(--color-text);background:#0000000f}.settings-profile__cancel:hover{background:#0000001a}.settings-language{justify-content:center;display:flex}.settings-toggle-list{flex-direction:column;gap:2px;display:flex}.settings-toggle{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.settings-toggle:not(:last-child){border-bottom:1px solid #0000000a}.settings-toggle__info{flex-direction:column;gap:2px;display:flex}.settings-toggle__label{color:var(--color-text);font-size:.9rem;font-weight:500}.settings-toggle__desc{color:var(--color-text);opacity:.45;font-size:.75rem}.settings-toggle__switch{cursor:pointer;background:#0000001f;border:none;border-radius:14px;flex-shrink:0;width:48px;height:28px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.settings-toggle__switch--on{background:var(--color-primary)}.settings-toggle__knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.settings-toggle__switch--on .settings-toggle__knob{transform:translate(20px)}.settings-theme{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.settings-theme__option{padding:var(--space-md);cursor:pointer;background:#00000005;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;font-family:inherit;transition:all .2s;display:flex;position:relative}.settings-theme__option--active{border-color:var(--color-primary);background:#4ecdc40f}.settings-theme__option--disabled{opacity:.5;cursor:not-allowed}.settings-theme__preview{border-radius:8px;width:100%;height:60px;position:relative;overflow:hidden}.settings-theme__preview--light{background:#f5f5f5}.settings-theme__preview--dark{background:#1a1a2e}.settings-theme__preview-bar{background:var(--color-primary);opacity:.6;height:12px}.settings-theme__preview--dark .settings-theme__preview-bar{opacity:.4;background:#4ecdc4}.settings-theme__preview-content{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.settings-theme__preview-line{background:#0000001a;border-radius:3px;height:6px}.settings-theme__preview--dark .settings-theme__preview-line{background:#ffffff1a}.settings-theme__preview-line--short{width:60%}.settings-theme__label{color:var(--color-text);font-size:.85rem;font-weight:500}.settings-theme__check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;top:8px;right:8px}.settings-theme__coming-soon{color:var(--color-accent);font-size:.7rem;font-style:italic}.settings-subscription{gap:var(--space-sm);flex-direction:column;display:flex}.settings-subscription--active{align-items:flex-start}.settings-subscription__status{align-items:center;gap:var(--space-sm);display:flex}.settings-subscription__label{color:var(--color-text);font-size:.9rem;font-weight:600}.settings-subscription__plan{color:var(--color-text-muted);font-size:.8rem}.settings-subscription__manage{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #4e342e26;font-size:.85rem;font-weight:600}.settings-subscription__manage:hover{background:var(--color-background)}.settings-subscription--free{gap:var(--space-md)}.settings-subscription__info{flex-direction:column;gap:4px;display:flex}.settings-subscription__tier{color:var(--color-text);font-size:.9rem;font-weight:700}.settings-subscription__upgrade-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.settings-subscription__upgrade{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:#1a1a2e;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,gold,orange);border:none;font-size:.9rem;font-weight:700;display:flex}.settings-subscription__upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffd7004d}.settings-data{gap:var(--space-sm);flex-direction:column;display:flex}.settings-data__btn{cursor:pointer;color:var(--color-text);background:#00000005;border:1px solid #00000014;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.settings-data__btn:hover{background:#0000000a}.settings-data__btn svg{flex-shrink:0;width:18px;height:18px}.settings-data__btn--delete{color:#e74c3c;border-color:#e74c3c26}.settings-data__btn--delete:hover{background:#e74c3c0f}.settings-logout{color:#e74c3c;cursor:pointer;background:#e74c3c0a;border:1px solid #e74c3c26;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.settings-logout:hover{background:#e74c3c1a;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c26}.settings-logout svg{width:20px;height:20px}.settings-dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-dialog{padding:var(--space-xl);text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;animation:.3s cubic-bezier(.34,1.56,.64,1) settingsDialogIn;box-shadow:0 20px 60px #00000026}@keyframes settingsDialogIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-dialog__icon{margin-bottom:var(--space-sm);font-size:2.5rem}.settings-dialog__title{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--space-sm);font-size:1.2rem}.settings-dialog__desc{color:var(--color-text);opacity:.6;margin:0 0 var(--space-lg);font-size:.85rem;line-height:1.5}.settings-dialog__actions{gap:var(--space-sm);display:flex}.settings-dialog__btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.settings-dialog__btn--cancel{color:var(--color-text);background:#0000000f}.settings-dialog__btn--cancel:hover{background:#0000001a}.settings-dialog__btn--confirm{color:#fff;background:#e74c3c}.settings-dialog__btn--confirm:hover{background:#c0392b}@media (max-width:600px){.settings-page__header{padding:var(--space-md);gap:var(--space-sm);flex-wrap:wrap}.settings-page__title-block{flex-basis:100%;order:2}.settings-page__back{order:1}.settings-page__header-actions{order:1;margin-left:auto}.settings-page__main{padding:var(--space-lg) var(--space-md)}.settings-profile{text-align:center;flex-direction:column}.settings-profile__row{text-align:center;flex-direction:column;gap:2px}.settings-theme{gap:var(--space-sm);grid-template-columns:1fr 1fr}}.subscription-page{min-height:100vh;color:var(--color-text);position:relative;overflow-x:hidden}.subscription-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.subscription-page__bg-gradient{background:linear-gradient(180deg, var(--color-background) 0%, #f0e6ff 40%, #fff5e6 70%, var(--color-background) 100%);position:absolute;inset:0}.subscription-bg-orb{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.subscription-bg-orb--1{background:gold;width:400px;height:400px;top:-100px;right:-100px}.subscription-bg-orb--2{background:orange;width:300px;height:300px;bottom:20%;left:-100px}.subscription-bg-orb--3{background:var(--color-primary);width:250px;height:250px;bottom:-50px;right:20%}.subscription-page__particles{z-index:0;pointer-events:none;position:fixed;inset:0}.subscription-particle{background:#ffd7004d;border-radius:50%;width:4px;height:4px;animation:12s ease-in-out infinite subscription-float;position:absolute}.subscription-particle--1{animation-delay:-1s;top:15%;left:10%}.subscription-particle--2{animation-delay:-3s;top:25%;right:15%}.subscription-particle--3{animation-delay:-5s;top:45%;left:20%}.subscription-particle--4{animation-delay:-7s;top:65%;right:25%}.subscription-particle--5{animation-delay:-2s;top:80%;left:30%}.subscription-particle--6{animation-delay:-4s;top:35%;right:10%}.subscription-particle--7{animation-delay:-6s;top:55%;left:5%}.subscription-particle--8{animation-delay:-8s;top:75%;right:20%}@keyframes subscription-float{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.6;transform:translateY(-20px)scale(1.5)}}.subscription-page__header{z-index:10;padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(20px);background:#fff9;border-bottom:1px solid #4e342e0f;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.subscription-page__back{align-items:center;gap:var(--space-xs);color:var(--color-text);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;border:none;font-size:.95rem;font-weight:600;display:flex}.subscription-page__back:hover{background:var(--color-white)}.subscription-page__back svg{width:20px;height:20px}.subscription-page__header-actions{align-items:center;gap:var(--space-sm);display:flex}.subscription-page__logo-icon{width:32px;height:32px}.subscription-page__main{z-index:1;max-width:600px;padding:var(--space-xl) var(--space-lg) var(--space-3xl);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.subscription-hero{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.subscription-hero__crown{filter:drop-shadow(0 4px 12px #ffd7004d);font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite subscription-crown-pulse}@keyframes subscription-crown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.subscription-hero__title{font-family:var(--font-display);background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.subscription-hero__subtitle{color:var(--color-text-muted);max-width:360px;font-size:1rem}.subscription-hero__active{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:var(--color-text);margin-top:var(--space-sm);background:#ffd7001a;border:1px solid #ffd7004d;font-size:.9rem;font-weight:600;display:flex}.subscription-hero__manage{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-white);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);border:1px solid #ffd70066;font-size:.9rem;font-weight:600}.subscription-hero__manage:hover{background:#ffd7001a;border-color:gold}.subscription-pending{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.subscription-pending__spinner{border:3px solid #ffd70033;border-top-color:gold;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite subscription-spin}@keyframes subscription-spin{to{transform:rotate(360deg)}}.subscription-plans{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.subscription-plans__toggle{background:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);padding:4px;display:flex}.subscription-plans__btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-fast);align-items:center;gap:var(--space-xs);background:0 0;border:none;font-size:.9rem;font-weight:600;display:flex}.subscription-plans__btn--active{background:var(--color-text);color:var(--color-white)}.subscription-plans__save{color:gold;background:#ffd70026;border-radius:8px;padding:2px 6px;font-size:.7rem;font-weight:700}.subscription-price{align-items:baseline;gap:2px;display:flex}.subscription-price__amount{font-family:var(--font-display);color:var(--color-text);font-size:3rem;font-weight:900}.subscription-price__currency{color:var(--color-text);font-size:1.5rem;font-weight:700}.subscription-price__period{color:var(--color-text-muted);margin-left:4px;font-size:1rem}.subscription-cta{width:100%;max-width:320px;padding:var(--space-md) var(--space-xl);color:#1a1a2e;border-radius:var(--radius-pill);font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,gold,orange);border:none;font-size:1.1rem;font-weight:800;box-shadow:0 4px 16px #ffd7004d}.subscription-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd70066}.subscription-cta:active{transform:translateY(0)}.subscription-comparison{gap:var(--space-md);flex-direction:column;display:flex}.subscription-comparison__title{font-family:var(--font-display);text-align:center;color:var(--color-text);font-size:1.3rem;font-weight:800}.subscription-comparison__table{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.subscription-col{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.subscription-col--premium{border:2px solid gold;box-shadow:0 4px 20px #ffd70026}.subscription-col__header{padding:var(--space-md);text-align:center;border-bottom:1px solid #4e342e0f}.subscription-col--premium .subscription-col__header{background:linear-gradient(135deg,#ffd7001a,#ffa5001a)}.subscription-col__header h3{font-family:var(--font-display);justify-content:center;align-items:center;gap:4px;margin-bottom:4px;font-size:1rem;font-weight:700;display:flex}.subscription-col__price{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.subscription-col__price small{font-size:.75rem;font-weight:400}.subscription-col__features{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;margin:0;list-style:none;display:flex}.subscription-col__features li{align-items:center;gap:var(--space-xs);color:var(--color-text);font-size:.8rem;line-height:1.3;display:flex}.subscription-col__icon{flex-shrink:0;font-size:.9rem}.subscription-col__check{color:var(--color-success,#22c55e);flex-shrink:0;font-weight:700}.subscription-col__premium-feature{padding-top:var(--space-xs);border-top:1px dashed #ffd7004d;font-weight:600}.subscription-toast{bottom:var(--space-xl);padding:var(--space-sm) var(--space-lg);background:var(--color-text);color:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:100;font-size:.9rem;font-weight:600;animation:.3s subscription-toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes subscription-toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:480px){.subscription-hero__title{font-size:1.5rem}.subscription-price__amount{font-size:2.5rem}.subscription-comparison__table{grid-template-columns:1fr}.subscription-col__features li{font-size:.75rem}}.help-page{min-height:100vh;padding-bottom:var(--space-3xl);position:relative}.help-page__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.help-page__bg-gradient{background:radial-gradient(ellipse at 30% 20%, #c780ff14 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #4ecdc40f 0%, transparent 60%), radial-gradient(ellipse at 50% 50%, #ffc3000a 0%, transparent 70%), var(--color-background);position:absolute;inset:0}.help-page__bg-orbs{position:absolute;inset:0}.help-bg-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite helpOrbFloat;position:absolute}.help-bg-orb--1{background:var(--color-accent);opacity:.07;width:280px;height:280px;top:5%;right:-5%}.help-bg-orb--2{background:var(--color-primary);opacity:.06;width:220px;height:220px;animation-delay:-7s;bottom:15%;left:-5%}.help-bg-orb--3{background:var(--color-secondary);opacity:.05;width:180px;height:180px;animation-delay:-12s;top:40%;left:40%}@keyframes helpOrbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-15px)scale(1.05)}66%{transform:translate(-10px,10px)scale(.95)}}.help-page__particles{z-index:1;pointer-events:none;position:fixed;inset:0}.help-particle{background:var(--color-accent);opacity:.15;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite helpParticleFloat;position:absolute}.help-particle--1{animation-delay:0s;top:10%;left:20%}.help-particle--2{background:var(--color-primary);animation-delay:-2s;top:20%;right:15%}.help-particle--3{background:var(--color-secondary);animation-delay:-4s;top:40%;left:10%}.help-particle--4{animation-delay:-6s;top:55%;right:20%}.help-particle--5{background:var(--color-primary);animation-delay:-8s;top:70%;left:30%}.help-particle--6{background:var(--color-secondary);animation-delay:-10s;top:20%;right:40%}.help-particle--7{animation-delay:-12s;top:80%;left:50%}.help-particle--8{background:var(--color-primary);animation-delay:-14s;top:30%;right:10%}@keyframes helpParticleFloat{0%,to{opacity:.15;transform:translateY(0)scale(1)}50%{opacity:.25;transform:translateY(-20px)scale(1.3)}}.help-page__header{z-index:10;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(20px);background:#fff9f0d9;border-bottom:3px solid #c780ff33;display:flex;position:sticky;top:0}.help-page__back{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--color-text);cursor:pointer;transition:var(--transition-spring);font-size:.9rem;font-weight:600;display:flex}.help-page__back:hover{box-shadow:0 6px 0 var(--color-text);transform:translateY(-2px)}.help-page__back:active{box-shadow:0 2px 0 var(--color-text);transform:translateY(2px)}.help-page__back svg{width:18px;height:18px}.help-page__title-block{align-items:center;gap:var(--space-md);flex:1;display:flex}.help-page__icon-wrapper{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.help-page__icon-glow{background:radial-gradient(circle,#c780ff4d 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite helpIconGlow;position:absolute;inset:-4px}@keyframes helpIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.help-page__icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.help-page__icon svg{width:22px;height:22px}.help-page__title-text{flex-direction:column;display:flex}.help-page__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.3rem;line-height:1.2}.help-page__subtitle{color:var(--color-text);opacity:.5;margin:2px 0 0;font-size:.8rem}.help-page__header-actions{align-items:center;gap:var(--space-sm);display:flex}.help-page__logo-icon{opacity:.6;width:32px;height:32px}.help-page__main{z-index:5;max-width:720px;padding:var(--space-xl) var(--space-lg);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.help-section{gap:var(--space-sm);flex-direction:column;display:flex}.help-section__header{align-items:center;display:flex}.help-section__title{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.help-section__title-icon{font-size:1.2rem}.help-section__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-lg);background:#ffffffb3;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #0000000a}.help-section__card--faq{padding:0;overflow:hidden}.help-section__text{color:var(--color-text);opacity:.7;margin:0 0 var(--space-lg);font-size:.9rem;line-height:1.6}.help-steps{gap:var(--space-md);flex-direction:column;display:flex}.help-step{align-items:flex-start;gap:var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-lg);background:#ffffffb3;border:1px solid #0000000d;border-radius:16px;display:flex;box-shadow:0 2px 12px #0000000a}.help-step__number{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.help-step__content{flex-direction:column;gap:4px;display:flex}.help-step__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:.95rem}.help-step__desc{color:var(--color-text);opacity:.6;margin:0;font-size:.82rem;line-height:1.5}.help-giq-dimensions{margin-bottom:var(--space-lg)}.help-giq-dimensions__title{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--space-md);font-size:.95rem}.help-giq-dimensions__list{flex-direction:column;gap:10px;display:flex}.help-giq-dimension{align-items:center;gap:10px;display:flex}.help-giq-dimension__color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.help-giq-dimension__name{color:var(--color-text);min-width:100px;font-size:.88rem;font-weight:600}.help-giq-dimension__desc{color:var(--color-text);opacity:.55;font-size:.8rem}.help-giq-scale__title{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--space-md);font-size:.95rem}.help-giq-scale__items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.help-giq-scale__item{background:#00000005;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.help-giq-scale__range{color:var(--color-accent);min-width:60px;font-size:.85rem;font-weight:700}.help-giq-scale__label{color:var(--color-text);opacity:.7;font-size:.82rem}.help-marathon-rules{flex-direction:column;gap:10px;display:flex}.help-marathon-rule{color:var(--color-text);opacity:.8;align-items:center;gap:10px;font-size:.88rem;display:flex}.help-marathon-rule__icon{flex-shrink:0;font-size:1.1rem}.help-games-list{flex-direction:column;gap:2px;display:flex}.help-game-item{align-items:center;gap:var(--space-md);padding:10px 0;display:flex}.help-game-item:not(:last-child){border-bottom:1px solid #0000000a}.help-game-item__icon{text-align:center;flex-shrink:0;width:36px;font-size:1.5rem}.help-game-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.help-game-item__name{color:var(--color-text);font-size:.9rem;font-weight:600}.help-game-item__desc{color:var(--color-text);opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.help-game-item__category{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.72rem;font-weight:600}.faq-item{border-bottom:1px solid #0000000d}.faq-item:last-child{border-bottom:none}.faq-item__question{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;color:var(--color-text);text-align:left;background:0 0;border:none;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .2s;display:flex}.faq-item__question:hover{background:#00000005}.faq-item__chevron{opacity:.4;flex-shrink:0;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-item--open .faq-item__chevron{transform:rotate(180deg)}.faq-item__answer{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item--open .faq-item__answer{max-height:200px}.faq-item__answer p{color:var(--color-text);opacity:.65;padding:0 var(--space-lg) var(--space-md);margin:0;font-size:.85rem;line-height:1.6}.help-contact{gap:var(--space-lg);flex-direction:column;display:flex}.help-contact__item{align-items:center;gap:var(--space-md);display:flex}.help-contact__item svg{width:22px;height:22px;color:var(--color-accent);flex-shrink:0}.help-contact__info{flex-direction:column;gap:2px;display:flex}.help-contact__label{color:var(--color-text);opacity:.45;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem}.help-contact__value{color:var(--color-text);font-size:.9rem;font-weight:500}.help-contact__socials{gap:var(--space-sm);flex-direction:column;display:flex}.help-contact__socials-label{color:var(--color-text);font-size:.85rem;font-weight:500}.help-contact__socials-links{gap:var(--space-sm);display:flex}.help-contact__social{color:var(--color-text);opacity:.5;cursor:not-allowed;background:#00000005;border:1px solid #00000014;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.82rem}.help-contact__coming-soon{color:var(--color-accent);font-size:.75rem;font-style:italic}@media (max-width:600px){.help-page__header{padding:var(--space-md);gap:var(--space-sm);flex-wrap:wrap}.help-page__title-block{flex-basis:100%;order:2}.help-page__back{order:1}.help-page__header-actions{order:1;margin-left:auto}.help-page__main{padding:var(--space-lg) var(--space-md)}.help-giq-scale__items{grid-template-columns:1fr}.help-game-item__desc{display:none}}