.medallion-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex;position:relative}.matka-badge-grid .medallion-wrap{width:100%;min-width:0;max-width:100%}.medallion-wrap--locked:before{content:"?";background:var(--clr-nav,#2a3535);border:1.5px solid var(--clr-border2,#3a4a4a);width:17px;height:17px;color:var(--clr-text-muted,#8a9999);z-index:1;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-2px}.medallion-wrap--attention:before{content:"";box-sizing:border-box;z-index:1;pointer-events:none;background:#ea580c;border:1.5px solid #fffffff2;border-radius:50%;width:17px;height:17px;position:absolute;top:-4px;right:-2px;box-shadow:0 0 0 .5px #0000001f}.medallion{flex-shrink:0;width:64px;height:64px;position:relative}.medallion--sm{width:52px;height:52px}.medallion--lg{width:88px;height:88px}.medallion svg.medallion-svg{width:100%;height:100%;overflow:visible}.medallion-icon-text{font-family:var(--font-serif);fill:#fffffff2;text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;font-size:14px;font-weight:700}.medallion--sm .medallion-icon-text{font-size:11px}.medallion--lg .medallion-icon-text{font-size:18px}.medallion--bronze .medallion-fill{fill:url(#grad-bronze)}.medallion--bronze .medallion-dot{fill:url(#grad-bronze);filter:brightness(.78)}.medallion--silver .medallion-fill{fill:url(#grad-silver)}.medallion--silver .medallion-dot{fill:url(#grad-silver);filter:brightness(.78)}.medallion--gold .medallion-fill{fill:url(#grad-gold)}.medallion--gold .medallion-dot{fill:url(#grad-gold);filter:brightness(.78)}.medallion--legend .medallion-fill{fill:url(#grad-legend)}.medallion--legend .medallion-dot{fill:url(#grad-legend);filter:brightness(.78)}.medallion--locked .medallion-fill,.medallion--locked .medallion-dot{filter:saturate(.15)brightness(.72)}.medallion--locked .medallion-icon-text{opacity:.45}@keyframes medalShine{0%,80%,to{opacity:0}90%{opacity:.3}}.medallion-shine{pointer-events:none}.medallion--unlocked .medallion-shine{animation:6s ease-in-out infinite medalShine}@keyframes medalPulse{0%,to{opacity:.15;r:34}50%{opacity:.45;r:38}}.medallion-pulse-ring{fill:none;stroke-width:3px;animation:2.2s ease-in-out infinite medalPulse}.medallion--bronze .medallion-pulse-ring{stroke:#c8773c}.medallion--silver .medallion-pulse-ring{stroke:#8d98a4}.medallion--gold .medallion-pulse-ring{stroke:#c8922e}.medallion--legend .medallion-pulse-ring{stroke:#7c3aed}.medallion-label{color:var(--clr-text);text-align:center;width:100%;max-width:100%;font-weight:600;line-height:1.2}.matka-badge-grid .medallion-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(.54rem,1.75vw,.66rem);display:block;overflow:hidden}.medallion--locked .medallion-label{color:var(--clr-text-muted)}.medallion-bar{background:#00000014;border-radius:99px;width:100%;height:3px;margin-top:4px;overflow:hidden}.medallion-bar-fill{background:var(--clr-orange);border-radius:99px;height:100%;transition:width .4s}.matka-path{flex-direction:column;gap:0;padding-bottom:32px;display:flex;position:relative}.matka-spine{background:var(--clr-border2);z-index:0;border-radius:1px;width:2px;position:absolute;top:24px;bottom:0;left:19px}.matka-chapter{align-items:flex-start;gap:14px;padding:10px 0;display:flex;position:relative}.matka-node{z-index:1;flex-shrink:0;place-items:center;width:40px;height:40px;margin-top:4px;display:grid;position:relative}.matka-node-circle{border:2px solid var(--clr-border2);background:var(--clr-bg);width:20px;height:20px;transition:border-color var(--trans-base), background var(--trans-base);border-radius:50%;place-items:center;display:grid}.matka-chapter--done .matka-node-circle{background:var(--clr-nav);border-color:var(--clr-nav)}.matka-chapter--active .matka-node-circle{border-color:var(--clr-orange);background:var(--clr-bg)}.matka-node-check{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:10px;height:10px}.matka-card{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);flex:1;min-width:0;padding:14px 14px 16px}.matka-chapter--done .matka-card{background:#faf4ee;border-color:#c8773c26}.matka-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.matka-card-title{color:var(--clr-text);font-size:.9rem;font-weight:700;font-family:var(--font-serif)}.matka-card-count{color:var(--clr-text-muted);margin-left:6px;font-size:.78rem;font-weight:500}.matka-card-status{letter-spacing:.03em;color:var(--clr-text-faint);font-size:.72rem;font-weight:600}.matka-card-status--done{color:var(--clr-success)}.matka-progress-bar{background:var(--clr-border2);border-radius:99px;height:4px;margin-bottom:14px;overflow:hidden}.matka-progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.matka-chapter--done .matka-progress-fill{background:#c8773c}.matka-chapter--active .matka-progress-fill{background:var(--clr-orange)}.matka-chapter--locked .matka-progress-fill{background:var(--clr-border2)}.matka-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;display:grid}.matka-badge-grid>[role=listitem]{justify-content:center;min-width:0;display:flex}@media (width<=400px){.matka-badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.streak-hero{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex}.streak-flame-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.streak-flame-svg{width:100%;height:100%}@keyframes flamePulse{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.1)rotate(-4deg)}65%{transform:scale(1.08)rotate(4deg)}}.streak-flame-svg--active{transform-origin:bottom;animation:2.4s ease-in-out infinite flamePulse}.streak-body{flex:1;min-width:0}.streak-number{font-family:var(--font-serif);color:var(--clr-text);font-size:2rem;font-weight:700;line-height:1}.streak-unit{color:var(--clr-text-muted);margin-left:4px;font-size:.82rem}.streak-best{color:var(--clr-text-faint);margin-top:2px;font-size:.78rem}.streak-warning{border-radius:var(--radius-sm);color:var(--clr-orange);background:#d98e731f;border:1px solid #d98e734d;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:.76rem;font-weight:600;display:flex}.streak-flame--warm .streak-fill{fill:#e8774a}.streak-flame--gold .streak-fill{fill:#e8a030}.streak-flame--epic .streak-fill{fill:#e05c20}.streak-flame--none .streak-fill{fill:#b0babb}.level-bar-wrap{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 16px}.level-bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.level-bar-name{color:var(--clr-text);font-size:.88rem;font-weight:700;font-family:var(--font-serif)}.level-bar-level{color:var(--clr-text-muted);font-size:.76rem;font-weight:600}.level-bar-track{background:var(--clr-border2);border-radius:99px;height:6px;margin-bottom:6px;overflow:hidden}.level-bar-fill{background:linear-gradient(90deg, var(--clr-nav), var(--clr-orange));border-radius:99px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.level-bar-meta{color:var(--clr-text-faint);justify-content:space-between;font-size:.72rem;display:flex}.avatut-wrap{margin-bottom:18px}.avatut-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.avatut-scroll::-webkit-scrollbar{display:none}.avatut-item{border:1px solid var(--clr-border);cursor:pointer;width:68px;transition:background var(--trans-fast), transform var(--trans-fast);-webkit-tap-highlight-color:transparent;background:#fff9;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 4px;display:flex}.avatut-item:hover{background:#ffffffe0}.avatut-item:active{transform:scale(.95)}.avatut-item-label{color:var(--clr-text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.tanaan-wrap{margin-bottom:14px}.tanaan-title{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-orange);margin-bottom:8px;padding-left:2px;font-size:.76rem;font-weight:700}.tanaan-list{flex-direction:column;gap:8px;display:flex}.tanaan-card{background:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.tanaan-card-copy{flex:1;min-width:0}.tanaan-card-label{color:var(--clr-text);font-size:.85rem;font-weight:600;display:block}.tanaan-card-hint{color:var(--clr-text-muted);margin-top:1px;font-size:.75rem;display:block}.tanaan-card-bar{background:#00000014;border-radius:99px;flex-shrink:0;align-self:center;width:48px;height:5px;overflow:hidden}.tanaan-card-bar-fill{background:var(--clr-orange);border-radius:99px;height:100%}.perhe-lb-wrap{margin-bottom:14px}.perhe-lb-title{letter-spacing:.06em;text-transform:uppercase;color:var(--clr-text-muted);margin-bottom:8px;padding-left:2px;font-size:.78rem;font-weight:700}.perhe-lb-list{flex-direction:column;gap:6px;list-style:none;display:flex}.perhe-lb-row{background:var(--clr-surface);border-radius:var(--radius-md);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.perhe-lb-row--me{background:#2d3a3a0a;border-color:#2d3a3a40}.perhe-lb-rank{color:var(--clr-text-faint);text-align:center;flex-shrink:0;width:20px;font-size:.78rem;font-weight:700}.perhe-lb-name{color:var(--clr-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.perhe-lb-streak{color:var(--clr-text-muted);flex-shrink:0;align-items:center;gap:3px;font-size:.78rem;font-weight:600;display:flex}.perhe-lb-streak-svg{flex-shrink:0;width:13px;height:13px}.perhe-lb-pts{color:var(--clr-text);text-align:right;flex-shrink:0;min-width:42px;font-size:.8rem;font-weight:700}.badge-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;padding:0 0 env(safe-area-inset-bottom,0);background:#1a1c1e80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.badge-modal-sheet{background:var(--clr-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:10px;padding:20px 20px 36px;animation:.3s cubic-bezier(.22,1,.36,1) sheetUp;display:flex}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.badge-modal-handle{background:var(--clr-border2);border-radius:2px;flex-shrink:0;align-self:center;width:36px;height:4px;margin-bottom:6px}.badge-modal-title{font-family:var(--font-serif);color:var(--clr-text);text-align:center;font-size:1.3rem;font-weight:700}.badge-modal-desc{color:var(--clr-text-muted);text-align:center;font-size:.9rem;line-height:1.5}.badge-modal-progress-wrap{background:var(--clr-border2);border-radius:99px;width:100%;height:6px;margin-top:4px;overflow:hidden}.badge-modal-progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.badge-modal-progress-text{color:var(--clr-text-muted);text-align:center;font-size:.8rem}.badge-modal-helper{color:var(--clr-text-muted);text-align:center;background:var(--clr-bg2);border-radius:var(--radius-sm);width:100%;padding:8px 14px;font-size:.82rem}.badge-modal-rewards{justify-content:center;gap:8px;width:100%;display:flex}.badge-modal-reward{border-radius:var(--radius-sm);color:var(--clr-orange);background:#d98e731f;border:1px solid #d98e734d;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.badge-modal-date{color:var(--clr-text-faint);text-align:center;font-size:.75rem}.badge-celebration-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);background:#1a1c1ea6;justify-content:center;align-items:center;animation:.2s celebFadeIn;display:flex;position:fixed;inset:0}@keyframes celebFadeIn{0%{opacity:0}to{opacity:1}}.badge-celebration-card{background:var(--clr-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:14px;min-width:260px;max-width:320px;padding:32px 28px 28px;animation:.38s cubic-bezier(.22,1,.36,1) celebScale;display:flex;position:relative;overflow:hidden}@keyframes celebScale{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.badge-celebration-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text-muted);font-size:.78rem;font-weight:700}.badge-celebration-title{font-family:var(--font-serif);color:var(--clr-text);text-align:center;font-size:1.5rem;font-weight:700}.badge-celebration-reward{color:var(--clr-orange);text-align:center;font-size:.88rem;font-weight:600}.badge-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.badge-confetti-piece{border-radius:50%;width:7px;height:7px;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(320px)rotate(540deg)scale(.6)}}@media (prefers-reduced-motion:reduce){.streak-flame-svg--active,.medallion--unlocked .medallion-shine,.medallion-pulse-ring,.badge-confetti-piece{animation:none!important}}.merkit-tab{flex-direction:column;padding-top:4px;display:flex}.medallion-defs{width:0;height:0;position:absolute;overflow:hidden}.merkit-home-card{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:14px 16px;display:flex}.merkit-home-card-body{flex:1;min-width:0}.merkit-home-card-title{color:var(--clr-text);font-size:.88rem;font-weight:700;display:block}.merkit-home-card-sub{color:var(--clr-text-muted);margin-top:2px;font-size:.76rem;display:block}.merkit-home-card-sub--warning{color:var(--clr-orange);font-weight:600}.merkit-home-card-arrow{width:18px;height:18px;stroke:var(--clr-text-faint);stroke-width:1.8px;fill:none;flex-shrink:0}.topbar-streak{color:var(--clr-text-muted);align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:flex}.topbar-streak-svg{transform-origin:bottom;width:18px;height:18px;animation:2.4s ease-in-out infinite flamePulse}