.card{width:var(--card-w);height:var(--card-h);flex:none;position:relative}.card--bronze{--tier:var(--tier-bronze);--tier-tint:var(--tier-bronze-tint);--tier-glow:var(--tier-bronze-glow);--tier-edge-color:var(--tier-bronze-border);--tier-edge:var(--tier-bronze-edge);--tier-plate:var(--tier-bronze-plate);--tier-plate-2:color-mix(in srgb, var(--tier-bronze-plate) 78%, var(--tier-bronze))}.card--silver{--tier:var(--tier-silver);--tier-tint:var(--tier-silver-tint);--tier-glow:var(--tier-silver-glow);--tier-edge-color:var(--tier-silver-border);--tier-edge:var(--tier-silver-edge);--tier-plate:var(--tier-silver-plate);--tier-plate-2:color-mix(in srgb, var(--tier-silver-plate) 78%, var(--tier-silver))}.card--gold{--tier:var(--tier-gold);--tier-tint:var(--tier-gold-tint);--tier-glow:var(--tier-gold-glow);--tier-edge-color:var(--tier-gold-border);--tier-edge:var(--tier-gold-edge);--tier-plate:var(--tier-gold-plate);--tier-plate-2:color-mix(in srgb, var(--tier-gold-plate) 78%, var(--tier-gold))}.card__glow{background:radial-gradient(closest-side, var(--tier-glow), transparent 72%);filter:blur(20px);pointer-events:none;border-radius:50%;position:absolute;inset:-14%}.card__panel{height:100%;padding:var(--card-pad);border:var(--tier-edge) solid var(--tier-edge-color);border-radius:var(--card-radius);background:radial-gradient(120% 80% at 50% 0%, var(--tier-tint), transparent 60%), linear-gradient(180deg, var(--glass-fill-strong), var(--glass-fill));box-shadow:var(--shadow-card), inset 0 1px 0 var(--glass-highlight);flex-direction:column;display:flex;position:relative;overflow:hidden}.card__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.card__pos{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--tier);font-weight:700}.card__crest{width:var(--card-crest);height:var(--card-crest);object-fit:contain}.card__portrait{min-height:0;margin:var(--space-2) calc(var(--card-pad) * -.5) 0;border-radius:var(--card-radius-inner);background:linear-gradient(180deg, var(--tier-plate), var(--tier-plate-2));isolation:isolate;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card__portrait:after{content:"";background:linear-gradient(180deg, transparent, var(--plate-shade));pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.card__photo{width:var(--card-portrait);object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply;height:100%}.card__plate{padding-top:var(--space-2);border-top:1px solid var(--glass-border);text-align:center}.card__name{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-wide);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.card__name--sm{font-size:var(--text-base)}.card__name--xs{font-size:var(--text-xs)}.card__club{margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--text-mid);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card--sm{--card-w:var(--card-w-sm);--card-h:var(--card-h-sm);--card-portrait:4rem;--card-crest:1rem;--card-pad:var(--space-2);--card-radius:var(--card-radius-inner)}.card--sm .card__pos{font-size:var(--text-2xs)}.card--sm .card__name{font-size:var(--text-2xs);-webkit-line-clamp:2}.card--sm .card__name--sm,.card--sm .card__name--xs{font-size:var(--text-2xs)}.card--sm .card__club{display:none}.card--sm .card__glow{filter:blur(12px);inset:-10%}.rip__page{background:radial-gradient(120% 70% at 50% 0%, var(--surface-1), transparent 60%), radial-gradient(90% 60% at 50% 100%, var(--surface-sunken), transparent 70%), var(--surface-0);min-height:100dvh;display:flex}.rip{padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.rip__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.rip__footer{align-items:center;gap:var(--space-3);min-height:var(--space-7);flex-direction:column;justify-content:flex-end;display:flex}.rip__hint{font-size:var(--text-xs);color:var(--text-low);letter-spacing:var(--tracking-wide);text-transform:uppercase}.rip__packwrap{place-items:center;display:grid;position:relative}.rip__pack{width:var(--pack-w);height:var(--pack-h);border:1px solid var(--glass-border);border-radius:var(--pack-radius);background:radial-gradient(90% 60% at 50% 0%, var(--accent-glow), transparent 55%), linear-gradient(165deg, var(--surface-2), var(--surface-sunken));box-shadow:var(--shadow-pack), inset 0 1px 0 var(--glass-highlight);cursor:pointer;animation:rip-breathe var(--rip-breathe) var(--ease-smooth) infinite;padding:0;position:relative}.rip__packface{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;height:100%;display:flex}.rip__packmark{font-size:var(--text-2xl);letter-spacing:var(--tracking-wider);color:var(--accent);font-weight:800}.rip__packsub{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-low)}@keyframes rip-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.5rem)scale(1.015)}}.rip__strobe{background:radial-gradient(closest-side, var(--accent-glow), transparent 70%);filter:blur(26px);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-45%}.rip__packwrap--charging .rip__pack{animation:rip-charge var(--rip-charge) var(--ease-charge) forwards}.rip__packwrap--charging .rip__strobe{animation:rip-strobe var(--rip-charge) linear forwards}@keyframes rip-charge{0%{transform:scale(1)rotate(0)}60%{transform:scale(1.18)rotate(-1.2deg)}80%{transform:scale(1.26)rotate(1.2deg)}to{transform:scale(1.35)rotate(0)}}@keyframes rip-strobe{0%{opacity:0}8%{opacity:.5}12%{opacity:.05}22%{opacity:.7}26%{opacity:.1}40%{opacity:.85}45%{opacity:.2}60%{opacity:1}66%{opacity:.35}to{opacity:1}}.rip__packwrap--burst .rip__pack{animation:rip-packgone var(--rip-burst) var(--ease-card) forwards}.rip__packwrap--burst .rip__strobe{background:radial-gradient(closest-side, var(--flash), var(--accent-glow) 45%, transparent 74%);animation:rip-bloom var(--rip-burst) var(--ease-card) forwards}@keyframes rip-packgone{0%{opacity:1;transform:scale(1.35)}25%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.3)}}@keyframes rip-bloom{0%{opacity:1}25%{opacity:1}to{opacity:0}}.rip__shards{pointer-events:none;position:absolute;inset:0}.rip__shard{--angle:calc(360deg / var(--n) * var(--i));background:var(--accent);width:.5rem;height:1.25rem;animation:rip-shard var(--rip-burst) var(--ease-card) forwards;animation-delay:calc(var(--i) * 6ms);border-radius:.125rem;margin:-.625rem 0 0 -.25rem;position:absolute;top:50%;left:50%}@keyframes rip-shard{0%{transform:rotate(var(--angle)) translateY(0) scale(.6);opacity:1}to{transform:rotate(var(--angle)) translateY(-14rem) scale(.15);opacity:0}}.rip__reveal{cursor:pointer;background:0 0;border:0;padding:0;display:block}.rip__card{animation:rip-card-in var(--rip-card-in) var(--ease-pop) both}@keyframes rip-card-in{0%{opacity:0;transform:translateY(1.5rem)scale(.86)}to{opacity:1;transform:none}}.rip__card--silver{animation-duration:calc(var(--rip-card-in) * 1.15)}.rip__card--gold{animation-name:rip-card-in-gold;animation-duration:calc(var(--rip-card-in) * 1.5)}@keyframes rip-card-in-gold{0%{opacity:0;transform:translateY(2rem)scale(.7)rotate(-4deg)}55%{opacity:1;transform:translateY(0)scale(1.06)rotate(1deg)}to{opacity:1;transform:none}}.rip__dots{gap:var(--space-2);display:flex}.rip__dot{background:var(--glass-border);width:.375rem;height:.375rem;transition:background var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth);border-radius:50%}.rip__dot--done{background:var(--text-low)}.rip__dot--on{background:var(--accent);transform:scale(1.4)}.rip__summary{align-items:center;gap:var(--space-5);animation:rip-card-in var(--rip-card-in) var(--ease-card) both;flex-direction:column;display:flex}.rip__summarytitle{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-mid)}.rip__grid{gap:var(--space-3);grid-template-columns:repeat(3,auto);justify-items:center;display:grid}.rip__cta{padding:var(--space-3) var(--space-6);background:linear-gradient(180deg, var(--accent), var(--accent-soft));color:var(--accent-ink);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);cursor:pointer;box-shadow:0 .75rem 1.5rem var(--accent-glow);transition:transform var(--dur-fast) var(--ease-pop);border:0;border-radius:999px;font-weight:700}.rip__cta:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.rip__pack,.rip__card,.rip__summary,.rip__strobe,.rip__shard{animation:none!important}.rip__strobe{opacity:0}.rip__dot{transition:none}}