.og-claimed{border-radius:var(--r-pill);background:var(--fg);color:var(--bg);font:700 11px/1.3 var(--font);letter-spacing:.02em;background:color-mix(in srgb, var(--fg) 85%, transparent);vertical-align:1px;margin-left:6px;padding:1px 6px;font-size:10px;font-style:normal}.og-row.here{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--r) 70%, transparent);background:color-mix(in srgb, var(--r) 10%, transparent)}.og-row.fresh{animation:og-fresh 1.6s var(--ease)}.og-row.fresh .og-gem{animation:og-unseal .62s .12s var(--spring-big) both;display:inline-block}@keyframes og-fresh{12%{background:color-mix(in srgb, var(--r) 30%, transparent);box-shadow:inset 0 0 0 2px var(--r)}}@keyframes og-unseal{0%{opacity:0;filter:blur(4px);transform:scale(1.8)}}.og-row.sealed .og-face{filter:saturate(.4)brightness(.9);box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px color-mix(in srgb, var(--fg) 18%, transparent)}.og-sealed{background:linear-gradient(100deg,#8e7bff,#ff7ad9,#ffcf6b,#6ee7ff,#8e7bff) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:650;animation:6s linear infinite og-sealed}@keyframes og-sealed{to{background-position:-300% 0}}.og-pack{opacity:.85;clip-path:polygon(0 3px,12% 0,25% 3px,38% 0,50% 3px,62% 0,75% 3px,88% 0,100% 3px,100% calc(100% - 3px),88% 100%,75% calc(100% - 3px),62% 100%,50% calc(100% - 3px),38% 100%,25% calc(100% - 3px),12% 100%,0 calc(100% - 3px));width:15px;height:20px;transition:transform var(--dur) var(--spring);background:linear-gradient(115deg,#8e7bff,#ff7ad9 40%,#ffcf6b 60%,#6ee7ff) 0 0/300% 100%;border-radius:3px;margin-right:8px;animation:6s linear infinite og-sealed;position:relative;box-shadow:0 2px 6px -2px #00000059}.og-row.mythic{animation:rise-in var(--dur-slow) var(--ease) both, row-holo 5s linear infinite;animation-delay:calc(var(--i,0) * 28ms), 0s;background:linear-gradient(100deg,#0000 20%,#ff6ee01f 40%,#6ee7ff1f 60%,#0000 80%) 0 0/260% 100%}@keyframes row-holo{0%{background-position:130% 0}to{background-position:-130% 0}}.og-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.og-row{box-sizing:content-box;border-radius:var(--r-md);width:100%;height:56px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:rise-in var(--dur-slow) var(--ease) both;animation-delay:calc(var(--i,0) * 28ms);transition:background var(--dur-fast), transform .12s var(--ease);background:0 0;border:0;grid-template-columns:minmax(26px,auto) 40px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -12px;padding:0 12px;display:grid}@media (hover:hover){.og-row:hover{background:var(--pill)}.og-row.sealed:hover .og-pack{transform:rotate(-10deg)scale(1.12)}}.og-row:active{background:var(--pill);transform:scale(.985)}.og-list.still .og-row{animation:none}.og-list.still .og-row.mythic{animation:5s linear infinite row-holo}.og-row.me{background:color-mix(in srgb, var(--r,var(--tone)) 16%, transparent)}.og-row.opening{background:var(--pill)}.og-row.opening .og-face{animation:breathe .9s var(--ease) infinite}.og-rank{color:var(--muted);font:600 14px/1 var(--font);font-variant-numeric:tabular-nums;text-align:center}.og-rank.moved{animation:og-rank-roll .56s var(--spring) both}@keyframes og-rank-roll{0%{opacity:0;transform:translateY(-80%)}}.og-face{background:var(--face-bg);object-fit:cover;width:40px;height:40px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--r);border-radius:50%}.og-face[data-og]{outline:1.5px solid var(--r);outline-offset:5px}.og-face.og-letter{color:var(--muted);font:700 16px/1 var(--display);place-items:center;display:grid}.og-face.card{border-radius:3px;width:30px;height:42px;margin:0 5px}.og-face.game{border-radius:var(--r-sm)}.og-who{min-width:0}.og-who b{font:650 16px/1.2 var(--font);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.og-who>span{color:var(--muted);font:500 13px/1.2 var(--font);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.og-gem{color:color-mix(in srgb, var(--r) 80%, var(--fg));font-style:normal;font-weight:650}.og-no{color:var(--muted);font:600 15px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.og-row.me .og-no{color:var(--fg)}.og-gap{height:22px;color:var(--muted);font:600 14px/22px var(--font);letter-spacing:.1em;margin-left:12px}.og-row.ghost{cursor:text;opacity:.55;animation:rise-in var(--dur-slow) var(--ease) backwards;animation-delay:calc(var(--i,0) * 28ms);transition:opacity .18s var(--ease), background var(--dur-fast), transform .12s var(--ease)}@media (hover:hover) and (pointer:fine){.og-row.ghost:hover{opacity:.85}}.og-ghost-face{border:1.5px dashed color-mix(in srgb, var(--fg) 34%, transparent);width:38px;height:38px;color:var(--muted);font:600 16px/1 var(--font);border-radius:50%;place-items:center;display:grid}.og-row.ghost .og-who b{color:var(--muted);font-weight:600}.og-row.crowned{animation:og-crowned 1.8s var(--ease)}.og-row.crowned .og-rank>*{animation:.82s cubic-bezier(.2,1.6,.4,1) og-crown-hop}@keyframes og-crowned{0%{background:#e0a80052}}@keyframes og-crown-hop{30%{transform:translateY(-11px)rotate(-12deg)scale(1.3)}62%{transform:translateY(0)rotate(4deg)scale(1)}}.og-who b:has(>.og-name){align-items:center;min-width:0;display:flex}.og-who .og-name{min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.og-who b:has(>.og-name) .og-claimed{flex:none}a.og-row{text-decoration:none}.og-rank .pf-place{font:inherit}.og-rank .pf-place[data-place="1"],.og-rank .pf-place[data-place="2"],.og-rank .pf-place[data-place="3"]{font:700 16px/1 var(--display)}@media (width<=420px){.og-who b:has(>.og-name) .og-claimed{display:none}}@media (prefers-reduced-motion:reduce){.og-row,.og-row.mythic,.og-sealed,.og-pack,.og-row.crowned,.og-row.crowned .og-rank>*{animation:none}}