.gfx-layer{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes gfx-brilliant-pulse{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.1);opacity:1}60%{transform:scale(.95);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes gfx-brilliant-sparkle{0%{transform:rotate(0) scale(0);opacity:0}20%{transform:rotate(72deg) scale(1);opacity:1}80%{transform:rotate(288deg) scale(1);opacity:1}to{transform:rotate(360deg) scale(0);opacity:0}}.gfx-brilliant-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.gfx-brilliant-diamond{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:radial-gradient(circle,#00d4ff 0%,#0099cc 40%,transparent 70%);border-radius:50%;animation:gfx-brilliant-pulse 1.2s ease-out forwards;box-shadow:0 0 20px #00d4ffcc,0 0 40px #00d4ff66}.gfx-brilliant-sparkle{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;border-radius:50%;animation:gfx-brilliant-sparkle 1s ease-out forwards;box-shadow:0 0 6px #00d4ff}@keyframes gfx-puzzle-success{0%{box-shadow:inset 0 0 color-mix(in srgb,var(--color-success) 0%,transparent)}30%{box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--color-success) 60%,transparent)}to{box-shadow:inset 0 0 color-mix(in srgb,var(--color-success) 0%,transparent)}}@keyframes gfx-puzzle-fail{0%{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(0)}to{transform:translate(0)}}.gfx-puzzle-success{animation:gfx-puzzle-success 1s ease-out forwards}.gfx-puzzle-fail{animation:gfx-puzzle-fail .6s ease-out forwards;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--color-error) 50%,transparent)}@keyframes gfx-rating-bounce{0%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gfx-rating-up{0%{color:inherit}30%{color:var(--color-success)}to{color:inherit}}@keyframes gfx-rating-down{0%{color:inherit}30%{color:var(--color-error)}to{color:inherit}}.gfx-rating-bounce{animation:gfx-rating-bounce .6s ease-out}.gfx-rating-up{animation:gfx-rating-up 1.5s ease-out}.gfx-rating-down{animation:gfx-rating-down 1.5s ease-out}.gfx-rating-change{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.875rem;padding:2px 8px;border-radius:6px;transition:all .3s ease}.gfx-rating-change.positive{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent)}.gfx-rating-change.negative{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.gfx-rating-change.neutral{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-secondary) 10%,transparent)}@keyframes gfx-peak-burst{0%{transform:scale(0);opacity:0}40%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes gfx-peak-glow{0%,to{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 30px #fbbf24cc,0 0 60px #fbbf244d}}.gfx-peak-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;font-weight:700;font-size:.75rem;border-radius:20px;animation:gfx-peak-burst .8s ease-out,gfx-peak-glow 2s ease-in-out infinite}@keyframes gfx-streak-fire{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.1) translateY(-2px)}}@keyframes gfx-streak-ice{0%,to{opacity:.7}50%{opacity:1}}@keyframes gfx-streak-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.gfx-streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.8rem;animation:gfx-streak-slide-in .4s ease-out}.gfx-streak-badge.fire{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;box-shadow:0 0 15px #f9731680}.gfx-streak-badge.fire .gfx-streak-icon{animation:gfx-streak-fire .5s ease-in-out infinite}.gfx-streak-badge.ice{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 0 15px #3b82f680}.gfx-streak-badge.ice .gfx-streak-icon{animation:gfx-streak-ice 1s ease-in-out infinite}.gfx-streak-count{font-size:1rem;font-weight:800}@keyframes gfx-game-reveal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.gfx-game-reveal{animation:gfx-game-reveal .5s ease-out}@keyframes gfx-toast-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes gfx-toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes gfx-toast-shine{0%{left:-100%}to{left:100%}}.gfx-achievement-toast{position:fixed;bottom:calc(20px + var(--safe-bottom, 0px));right:20px;z-index:10000;width:min(340px,calc(100vw - 24px));padding:16px;border-radius:14px;animation:gfx-toast-slide-in .5s ease-out;pointer-events:auto;overflow:hidden;cursor:pointer;transition:transform .2s ease}@media (max-width: 1023.98px){body.has-mobile-bottom-nav .gfx-achievement-toast{bottom:calc(64px + var(--safe-bottom, 0px) + 12px)}}@media (max-width: 1023.98px){body.has-mobile-bottom-nav:has(.rush-playing) .gfx-achievement-toast{bottom:calc(20px + var(--safe-bottom, 0px))}}body:has(.active-game-pill:not([style*=none])) .gfx-achievement-toast{bottom:calc(96px + var(--safe-bottom, 0px))}body:has(.marena) .gfx-achievement-toast{pointer-events:none}@media (max-width: 1023.98px){body:has(.pp-page) .gfx-achievement-toast,body:has(.an-page) .gfx-achievement-toast,body:has(.cr-game) .gfx-achievement-toast{pointer-events:none}body.has-mobile-bottom-nav:has(.active-game-pill:not([style*=none])) .gfx-achievement-toast{bottom:calc(150px + var(--safe-bottom, 0px))}}.gfx-achievement-toast:hover{transform:scale(1.02)}.gfx-achievement-toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:gfx-toast-shine 2s ease-in-out .5s}.gfx-achievement-toast.closing{animation:gfx-toast-slide-out .4s ease-in forwards}.gfx-achievement-toast.common{background:linear-gradient(135deg,#1e293bf2,#334155f2);border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 30px #0006}.gfx-achievement-toast.rare{background:linear-gradient(135deg,#1e3a8af2,#2563ebe6);border:1px solid rgba(96,165,250,.4);box-shadow:0 10px 30px #2563eb4d}.gfx-achievement-toast.epic{background:linear-gradient(135deg,#581c87f2,#9333eae6);border:1px solid rgba(192,132,252,.4);box-shadow:0 10px 30px #9333ea4d}.gfx-achievement-toast.legendary{background:linear-gradient(135deg,#78350ff2,#f59e0be6);border:1px solid rgba(251,191,36,.5);box-shadow:0 10px 30px #f59e0b66,0 0 60px #f59e0b26}.gfx-toast-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.gfx-toast-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:22px;background:#ffffff1a;flex-shrink:0}.gfx-toast-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff80}.gfx-toast-title{font-size:15px;font-weight:700;color:#fff;margin-top:2px}.gfx-toast-desc{font-size:12px;color:#fff9;line-height:1.4;padding-left:54px}.gfx-toast-rewards{display:flex;gap:12px;margin-top:10px;padding-left:54px;font-size:12px;color:#ffffffb3}.gfx-toast-reward{display:flex;align-items:center;gap:4px}.gfx-coin-display{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#fbbf242e,#f59e0b1f);border:1px solid rgba(251,191,36,.35);border-radius:20px;font-size:13px;font-weight:700;color:var(--surface-fg, var(--color-text-primary))}#header-coin-count.coin-updated{animation:coin-pulse .6s ease-out}@keyframes coin-pulse{0%{transform:scale(1);color:inherit}30%{transform:scale(1.3);color:var(--color-success)}to{transform:scale(1);color:inherit}}.gfx-frame-wrapper{position:relative;display:inline-block;border-radius:50%}.gfx-frame-wrapper img{display:block;border-radius:50%}.gfx-frame-gold_frame{padding:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706,#fbbf24);box-shadow:0 0 12px #fbbf2466}@keyframes gfx-diamond-sparkle{0%,to{box-shadow:0 0 12px #93c5fd66,0 0 24px #93c5fd1a}50%{box-shadow:0 0 18px #93c5fdb3,0 0 36px #93c5fd33}}.gfx-frame-diamond_frame{padding:4px;background:linear-gradient(135deg,#bfdbfe,#93c5fd,#60a5fa,#e0f2fe);animation:gfx-diamond-sparkle 2s ease-in-out infinite}@keyframes gfx-fire-pulse{0%,to{box-shadow:0 0 12px #f9731666,0 0 24px #ef44441a}50%{box-shadow:0 0 20px #f97316b3,0 0 40px #ef44444d}}.gfx-frame-fire_frame{padding:4px;background:linear-gradient(135deg,#f97316,#ef4444,#dc2626,#f97316);animation:gfx-fire-pulse 1.5s ease-in-out infinite}@keyframes gfx-crown-glow{0%,to{box-shadow:0 0 14px #a855f766,0 0 28px #fbbf241a}50%{box-shadow:0 0 22px #a855f7b3,0 0 44px #fbbf244d}}.gfx-frame-crown_frame{padding:4px;background:linear-gradient(135deg,#a855f7,#fbbf24,#9333ea,#f59e0b);animation:gfx-crown-glow 2.5s ease-in-out infinite}.user-identity{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.user-identity-avatar-wrap{flex:0 0 auto;display:inline-flex;border-radius:50%;line-height:0}.user-identity-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.user-identity-avatar-wrap{padding:4px}.user-identity-sm .user-identity-avatar-wrap{width:32px;height:32px}.user-identity-md .user-identity-avatar-wrap{width:40px;height:40px}.user-identity-lg .user-identity-avatar-wrap{width:52px;height:52px}.user-identity-body{display:flex;flex-direction:column;min-width:0}.user-identity-name-row{display:inline-flex;align-items:center;gap:.3rem;min-width:0}.user-identity-name{font-weight:600;color:var(--color-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.user-identity-name:hover{text-decoration:underline}.user-identity-sm .user-identity-name{font-size:.8125rem}.user-identity-md .user-identity-name{font-size:.875rem}.user-identity-lg .user-identity-name{font-size:1rem}.user-identity-flag{font-size:.9em;line-height:1;flex:0 0 auto}.title-badge{display:inline-flex;align-items:baseline;gap:.1em;flex:0 0 auto;padding:.05em .3em;border-radius:4px;font-size:.75em;font-weight:800;letter-spacing:.02em;line-height:1.35;white-space:nowrap;color:var(--color-on-accent, #fff);background:var(--color-accent, var(--color-info));margin-right:.25em}.user-identity-name-row .title-badge{margin-right:0}.title-badge.hidden{display:none!important}.title-badge-check{font-size:.85em;font-weight:700;opacity:.85}.user-identity-premium{color:var(--color-warning);font-size:.8em;flex:0 0 auto}.patron-tier-1{--patron-tier-color: #78716c}.patron-tier-2{--patron-tier-color: #a16207}.patron-tier-3{--patron-tier-color: #b45309}.patron-tier-4{--patron-tier-color: #ca8a04}.patron-tier-5{--patron-tier-color: #0d9488}.patron-tier-6{--patron-tier-color: #0284c7}.patron-tier-7{--patron-tier-color: #4f46e5}.patron-tier-8{--patron-tier-color: #7c3aed}.patron-tier-9{--patron-tier-color: #c026d3}.patron-tier-10{--patron-tier-color: #be123c}html.dark .patron-tier-1{--patron-tier-color: #a8a29e}html.dark .patron-tier-2{--patron-tier-color: #d97706}html.dark .patron-tier-3{--patron-tier-color: #f59e0b}html.dark .patron-tier-4{--patron-tier-color: #fbbf24}html.dark .patron-tier-5{--patron-tier-color: #2dd4bf}html.dark .patron-tier-6{--patron-tier-color: #38bdf8}html.dark .patron-tier-7{--patron-tier-color: #818cf8}html.dark .patron-tier-8{--patron-tier-color: #a78bfa}html.dark .patron-tier-9{--patron-tier-color: #e879f9}html.dark .patron-tier-10{--patron-tier-color: #fb7185}.patron-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;height:1.35em;padding:0 .3em;border-radius:999px;border:1px solid color-mix(in srgb,var(--patron-tier-color, var(--color-warning)) 55%,transparent);color:var(--patron-tier-color, var(--color-warning));background:color-mix(in srgb,var(--patron-tier-color, var(--color-warning)) 12%,transparent);font-size:.7em;font-weight:700;line-height:1;flex:0 0 auto;cursor:default}.user-identity-meta{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.user-identity-flair{width:1.15em;height:1.15em;flex:0 0 auto;display:block}