@keyframes grpUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.grp-panel,.grp-row__fill{animation:none!important}}.grp-panel{padding:clamp(24px,4vw,36px);border-radius:var(--radius-card);border:1px solid rgba(237,231,220,.1);background:#ede7dc06;animation:grpUp .5s ease both}.grp-panel--accent{border-color:color-mix(in oklab,var(--accent) 32%,transparent);background:radial-gradient(120% 140% at 50% 0%,color-mix(in oklab,var(--accent) 7%,transparent),transparent 60%),#ede7dc05}.grp-panel__hint{margin:0 0 18px;font-size:14px;line-height:1.65;color:#ede7dc8c;max-width:540px;text-wrap:pretty}.grp-panel__hint:last-child{margin:18px 0 0}.grp-label-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.grp-label-row__dash{width:22px;height:1px;background:var(--accent);flex-shrink:0}.grp-label-row__text{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#ede7dc80}.grp-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.grp-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--accent) 40%,transparent);font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--accent);white-space:nowrap}.grp-title{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,4.5vw,34px);line-height:1.15;margin:0 0 12px}.grp-body{margin:0 0 16px;font-size:14.5px;line-height:1.65;color:#ede7dc99;max-width:560px;text-wrap:pretty}.grp-meta{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;color:#ede7dc73;margin-bottom:18px}.grp-loading{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#ede7dc73;text-align:center;padding:26px 0}.grp-error{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--accent)}.grp-error[hidden]{display:none}.grp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.grp-footnote{margin-top:18px;text-align:center;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;color:#ede7dc59}.grp-code-row{margin-bottom:20px}.grp-code-row__label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;color:#ede7dc73;margin-bottom:10px}.grp-code{font-family:var(--font-mono);font-size:clamp(30px,6vw,40px);letter-spacing:.14em;color:var(--ink)}.grp-invite{margin-bottom:18px}.grp-invite__field{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(237,231,220,.15);padding:2px 0 8px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:#ede7dcbf;caret-color:var(--accent)}.grp-invite__field:focus-visible{outline:none;border-bottom-color:var(--accent)}.grp-input{width:100%;max-width:420px;background:transparent;border:none;border-bottom:1px solid rgba(237,231,220,.15);padding:2px 0 8px;margin-bottom:10px;font-family:var(--font-mono);font-size:22px;letter-spacing:.06em;color:var(--ink);caret-color:var(--accent)}.grp-input::placeholder{color:#ede7dc38}.grp-input:focus-visible{outline:none;border-bottom-color:var(--accent)}.grp-aliases{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.grp-alias{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid rgba(237,231,220,.16);background:transparent;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#ede7dc99;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.grp-alias:hover{border-color:#ede7dc59;color:var(--ink)}.grp-alias.is-on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--ink)}.grp-average{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.grp-average__label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;color:#ede7dc73}.grp-average__value{font-family:var(--font-display);font-size:28px;color:var(--accent)}.grp-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.grp-row{display:flex;align-items:center;gap:14px}.grp-row__rank{width:26px;flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:#ede7dc59}.grp-row__who{width:clamp(120px,26vw,190px);flex:none;min-width:0}.grp-row__alias{font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grp-row__band{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#ede7dc73;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grp-row__track{flex:1;height:6px;border-radius:var(--radius-pill);background:#ede7dc14;overflow:hidden}.grp-row__fill{height:100%;border-radius:var(--radius-pill);background:#ede7dc52;transition:width .6s cubic-bezier(.2,.7,.2,1)}.grp-row__fill.is-top{background:var(--accent)}.grp-row__score{width:32px;flex:none;text-align:right;font-family:var(--font-mono);font-size:12px;color:#ede7dcbf}.grp-supers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:24px}.grp-super{padding:15px 16px;border-radius:var(--radius-tile);border:1px solid rgba(237,231,220,.1);background:#ede7dc08}.grp-super__label{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;color:var(--accent);margin-bottom:6px}.grp-super__text{font-size:13.5px;line-height:1.5;color:#ede7dcb3}@media(max-width:480px){.grp-row__who{width:40vw}}