.side-panel.svelte-e7nbty{filter:drop-shadow(0 8px 24px #00000059);color:#fff;background-position:65% 65%;border-radius:20px;width:0;height:707px;font-family:inherit;transition:width .7s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(40px)}.side-panel.svelte-e7nbty:before{content:"";pointer-events:none;z-index:0;background:#1405328c;position:absolute;inset:0}.side-panel.expanded.svelte-e7nbty{width:844px}.side-panel-inner.svelte-e7nbty{z-index:1;box-sizing:border-box;opacity:0;flex-direction:column;gap:10px;width:100%;height:100%;padding:28px 30px;transition:opacity .5s .25s;display:flex;position:relative}.side-panel.expanded.svelte-e7nbty .side-panel-inner:where(.svelte-e7nbty){opacity:1}.panel-header.svelte-e7nbty{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-tabs.svelte-e7nbty{letter-spacing:.7px;gap:28px;font-family:Yeseva One;display:flex}.panel-tab.svelte-e7nbty{opacity:.5;white-space:nowrap;cursor:pointer;padding-bottom:8px;font-size:22px;font-weight:700}.panel-tab.active.svelte-e7nbty{opacity:1;border-bottom:3px solid #d9d9d9}.best-performance.svelte-e7nbty{white-space:nowrap;align-items:center;gap:12px;display:flex}.medal-icon.svelte-e7nbty{background:radial-gradient(circle at 35% 30%,#ffe27a 0%,#e0a020 70%,#b87a10 100%);border-radius:50%;flex-shrink:0;width:44px;height:44px}.best-performance-text.svelte-e7nbty{flex-direction:column;display:flex}.best-performance-title.svelte-e7nbty{letter-spacing:.5px;color:#f5c451;font-size:14px;font-weight:700}.best-performance-sub.svelte-e7nbty{opacity:.7;font-size:13px}.panel-stats.svelte-e7nbty{gap:10px;display:flex}.panel-stat-card.svelte-e7nbty{background:#ffffff0a;border-radius:16px;flex-direction:column;flex:1;padding:24px 18px;display:flex}.panel-stat-top.svelte-e7nbty{gap:14px;display:flex}.panel-stat-icon.svelte-e7nbty{background:#ffffff1a;border-radius:50%;flex-shrink:0;width:55px;height:55px}.panel-stat-body.svelte-e7nbty{flex-direction:column;display:flex}.panel-stat-label.svelte-e7nbty{font-size:15px}.panel-stat-value.svelte-e7nbty{font-size:40px;font-weight:800;line-height:1.2}.panel-stat-max.svelte-e7nbty{opacity:.6;padding-left:5px;font-size:.5em;font-weight:600}.panel-stat-sub.svelte-e7nbty{opacity:.55;text-align:center;border-top:1px solid #ffffff1f;width:100%;margin-top:10px;padding-top:8px;font-size:14px}.panel-graph.svelte-e7nbty{background:#ffffff0a;border-radius:16px;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.panel-graph-title.svelte-e7nbty{opacity:.85;font-size:15px;font-weight:600}.graph-container.svelte-e7nbty{box-sizing:border-box;background:#00000040;border-radius:12px;flex:1;min-height:0;padding:12px;position:relative;overflow:hidden}.panel-footer.svelte-e7nbty{background:#ffffff0a;border-radius:16px;justify-content:center;align-items:center;gap:60px;margin-top:-10px;padding:18px 24px;display:flex;position:relative}.panel-footer.svelte-e7nbty:before{content:"";border-top:2px solid #ffffff0d;width:calc(100% - 20px);position:absolute;top:0;left:10px}.footer-block.svelte-e7nbty{flex-direction:column;min-width:160px;display:flex}.footer-label.svelte-e7nbty{opacity:.7;font-size:15px}.footer-value.svelte-e7nbty{font-size:35px;font-weight:800}.footer-delta.svelte-e7nbty{padding-left:20px;font-size:.6em;font-weight:700}.footer-delta.positive.svelte-e7nbty{color:#4ade80}.footer-delta.negative.svelte-e7nbty{color:#f87171}.footer-arrow.svelte-e7nbty{opacity:.4;font-size:40px;font-weight:700}@media (width<=767px){.side-panel.svelte-e7nbty{width:408px;height:0;transition:height .7s cubic-bezier(.16,1,.3,1)}.side-panel.expanded.svelte-e7nbty{width:408px;height:auto}.panel-stats.svelte-e7nbty{flex-direction:column}.best-performance.svelte-e7nbty{display:none}.panel-footer.svelte-e7nbty{gap:10px}.footer-label.svelte-e7nbty{font-size:13px}.footer-value.svelte-e7nbty{font-size:20px}.footer-delta.svelte-e7nbty{font-size:13px}.footer-block.svelte-e7nbty{min-width:1px}.footer-arrow.svelte-e7nbty{font-size:15px}}.container.svelte-fq4c39{justify-content:center;align-items:flex-start;gap:8px;margin-top:0%;display:flex}@media (width<=767px){.container.svelte-fq4c39{flex-direction:column;align-items:center}}.card.svelte-fq4c39{width:408px;height:707px;color:inherit;background:linear-gradient(156.63deg,#4831c8 -1.22%,#4d89bd 90.38%,#55ffaf 122.5%);border-radius:20px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s,width .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1),border-radius .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(40px);box-shadow:0 8px 24px #00000059}.card.svelte-fq4c39:after{content:"";background-image:var(--effect-bg);mix-blend-mode:overlay;background-position:0 0;background-size:143% 100%;transition:background-size .6s cubic-bezier(.16,1,.3,1),background-position .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(-1)}.card.state-0.svelte-fq4c39{border-radius:164px;width:134px;height:233px}.card.state-0.svelte-fq4c39:after{background-position:20% 40%;background-size:220% 180%}@keyframes svelte-fq4c39-bounce-dot{0%{animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translate(-50%,-50%)}50%{animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translate(-50%,calc(-50% - 30px))}to{transform:translate(-50%,-50%)}}.card.state-0.svelte-fq4c39 .bouncing-dot:where(.svelte-fq4c39){background:#fff;border-radius:8px;width:16px;height:16px;animation:.8s infinite svelte-fq4c39-bounce-dot;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.state-1.svelte-fq4c39 .bouncing-dot:where(.svelte-fq4c39),.card.state-2.svelte-fq4c39 .bouncing-dot:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39 .bouncing-dot:where(.svelte-fq4c39){display:none}@property --mask-radius{syntax:"<percentage>";inherits:false;initial-value:0%}.subtle-obscure-layer.svelte-fq4c39{width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--mask-radius), black var(--mask-radius));mask-image:radial-gradient(circle at 50% 50%, transparent var(--mask-radius), black var(--mask-radius));background:#001078;margin:0;padding:0;position:absolute}.card.state-0.svelte-fq4c39>.subtle-obscure-layer:where(.svelte-fq4c39){opacity:.25}@keyframes svelte-fq4c39-fade-in-obscure{0%{opacity:0}to{opacity:.25}}.card.state-1.svelte-fq4c39>.subtle-obscure-layer:where(.svelte-fq4c39){--mask-radius:150%;opacity:.25;transition:--mask-radius 2.3s cubic-bezier(.16,1,.3,1)}.card.state-2.svelte-fq4c39>.subtle-obscure-layer:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39>.subtle-obscure-layer:where(.svelte-fq4c39){opacity:.25;transition:--mask-radius;animation:.6s both svelte-fq4c39-fade-in-obscure}.content.svelte-fq4c39{box-sizing:border-box;color:#fff;z-index:1;flex-direction:column;align-items:center;padding:32px 28px;font-family:inherit;display:none;position:absolute;inset:0}.card.state-2.svelte-fq4c39 .content:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39 .content:where(.svelte-fq4c39){display:flex}@keyframes svelte-fq4c39-fade-in-panel{0%{opacity:0}to{opacity:1}}.card.state-2.svelte-fq4c39 .profile:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39 .profile:where(.svelte-fq4c39),.card.state-2.svelte-fq4c39 .performance:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39 .performance:where(.svelte-fq4c39),.card.state-2.svelte-fq4c39 .stat-row:where(.svelte-fq4c39),.card.state-3.svelte-fq4c39 .stat-row:where(.svelte-fq4c39){animation:1.2s both svelte-fq4c39-fade-in-panel}.profile.svelte-fq4c39{flex-direction:column;align-items:center;width:100%;display:flex}.avatar.svelte-fq4c39{background:linear-gradient(135deg,#6e14a0d9 0%,#00af9bd9 100%);border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000040}.avatar-img.svelte-fq4c39{object-fit:cover;width:100%;height:100%}.avatar-initial.svelte-fq4c39{color:#ffffffe6;font-size:48px;font-weight:700;line-height:1}.username.svelte-fq4c39{letter-spacing:.5px;margin:18px 0 0;font-size:28px;font-weight:700}.rank-row.svelte-fq4c39{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.rank-line.svelte-fq4c39{background:#96c8ff33;flex:1;height:1px}.rank-badge.svelte-fq4c39{background:#0000004d;border-radius:999px;padding:6px 18px;font-size:18px;font-weight:700}.performance.svelte-fq4c39{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#070f2faa 0%,#063299aa 100%);border:2px solid #ffffff26;border-radius:18px;flex-direction:column;align-items:center;width:100%;margin-top:28px;margin-bottom:16px;padding:20px 16px;display:flex;position:relative;overflow:hidden}.performance-label.svelte-fq4c39{opacity:.85;font-size:18px;font-weight:500}.performance-value.svelte-fq4c39{margin:4px 0;font-size:72px;font-weight:800;line-height:1.05}.score-number.svelte-fq4c39{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;display:inline-block}.performance-max.svelte-fq4c39{vertical-align:baseline;color:#fff700;font-size:.22em;font-weight:600;animation:1.5s both svelte-fq4c39-fade-in-panel}.performance-subtitle.svelte-fq4c39{color:#27beffe1;font-size:16px;font-style:italic}.stat-section.svelte-fq4c39{flex-direction:column;flex:1;gap:3px;width:calc(100% + 32px);margin-top:auto;display:flex}.stat-row.svelte-fq4c39{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#04346eaa 0%,#05034eaa 100%);border-radius:16px;flex:1;align-items:center;gap:14px;width:100%;padding:16px 18px;display:flex}.stat-icon.svelte-fq4c39{background:#ffffff29;border-radius:12px;flex-shrink:0;width:44px;height:44px}.stat-main.svelte-fq4c39{flex-direction:column;display:flex}.stat-label.svelte-fq4c39{opacity:.75;font-size:14px}.stat-value.svelte-fq4c39{font-size:22px;font-weight:700}.stat-aside.svelte-fq4c39{opacity:.8;margin-left:auto;font-size:14px}.song-ranking.svelte-fq4c39{letter-spacing:.5px;font-size:20px}.pb-positive.svelte-fq4c39{color:#4ade80}@keyframes svelte-fq4c39-ribbon-in{0%{opacity:0;transform:rotate(45deg)translateY(-8px)}to{opacity:1;transform:rotate(45deg)translateY(0)}}.new-pb-ribbon.svelte-fq4c39{color:#1a1230;letter-spacing:1px;text-transform:uppercase;text-align:center;background:#fbbf24;width:110px;padding:4px 0;font-size:11px;font-weight:800;animation:.4s both svelte-fq4c39-ribbon-in;position:absolute;top:18px;right:-24px;transform:rotate(45deg);box-shadow:0 2px 8px #0000004d}.pb-negative.svelte-fq4c39{color:#f87171}@keyframes svelte-fq4c39-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.stat-skeleton.svelte-fq4c39{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line.svelte-fq4c39{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff29 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite svelte-fq4c39-shimmer}.skeleton-label.svelte-fq4c39{width:55%;height:12px}.skeleton-value.svelte-fq4c39{width:40%;height:22px}