.gacha{--g-ssr:#b8862e;--g-sr:#8f65e0;--g-r:#1f9bb8;--g-stage:color-mix(in srgb, var(--band) 88%, #000);--g-stage-2:color-mix(in srgb, var(--band) 82%, var(--gold));--g-ink:var(--band-foreground);--g-ink-muted:color-mix(in srgb, var(--band-foreground) 65%, transparent);--g-line:color-mix(in srgb, var(--gold) 55%, transparent);--g-once:#e07a1f;--g-hi:var(--gold-soft)}.dark .gacha{--g-hi:var(--band-foreground)}.gacha-stage{color:var(--g-ink);background:radial-gradient(120% 70% at 70% 0%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 60%), linear-gradient(180deg, var(--g-stage-2), var(--g-stage));border:1px solid var(--gold);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 3px var(--g-stage), inset 0 0 0 4px var(--g-line), 0 4px 16px color-mix(in srgb, var(--band) 30%, transparent);position:relative}.gacha-stage a{color:inherit}.gacha-title{font-family:var(--mho-heading);font-synthesis:none;color:var(--g-hi);text-shadow:0 1px #000}.gacha-muted{color:var(--g-ink-muted)}.gacha-tab{min-height:48px;color:var(--g-ink-muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;transition:background-color .15s,color .15s;display:flex}.gacha-tab:hover{background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--g-ink)}.gacha-tab[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 35%, transparent), transparent);color:var(--g-hi);font-weight:700}.gacha-portrait{border:2px solid var(--g-line);background:var(--icon-plate);border-radius:999px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.gacha-tab[aria-pressed=true] .gacha-portrait{border-color:var(--gold);box-shadow:0 0 10px color-mix(in srgb, var(--gold) 70%, transparent)}.gacha-portrait img{object-fit:cover;object-position:top;width:100%;height:100%}.gacha-chip{border:1px solid var(--g-line);background:#0000004d;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.gacha-chip--featured{border-color:var(--gold);background:linear-gradient(180deg, var(--g-hi), var(--gold));color:var(--band);font-weight:700}.gacha-chip--once{border-color:var(--g-once);background:var(--g-once);color:#fff;font-weight:700}.gacha-meter{height:8px;box-shadow:inset 0 0 0 1px var(--g-line);background:#00000073;border-radius:999px;position:relative;overflow:hidden}.gacha-meter>span{background:linear-gradient(90deg, var(--gold), var(--g-hi));border-radius:999px;height:100%;transition:width .3s ease-out;display:block}.gacha-meter--sr>span{background:var(--g-sr)}.gacha-meter__zone{border-left:1px dashed var(--g-hi);background:color-mix(in srgb, var(--g-once) 25%, transparent);position:absolute;top:0;bottom:0;right:0}.gacha-num{color:var(--g-hi);font-variant-numeric:tabular-nums;font-weight:700}.gacha-pull{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:linear-gradient(180deg, var(--g-hi) 0%, var(--gold) 55%, color-mix(in srgb, var(--gold) 70%, var(--band)) 100%);min-width:9rem;height:48px;color:var(--band);letter-spacing:.04em;justify-content:center;align-items:center;padding:0 1.5rem;font-weight:700;transition:filter .15s,transform 50ms;display:inline-flex;position:relative}.gacha-pull:hover{filter:brightness(1.1)}.gacha-pull:active{transform:translateY(1px)}.gacha-pull:focus-visible{box-shadow:inset 0 0 0 2px var(--band), inset 0 0 0 4px var(--g-hi);outline:none}.gacha-stage :focus-visible{outline:2px solid var(--g-hi);outline-offset:2px}.gacha-pull--ghost{color:var(--g-hi);box-shadow:inset 0 0 0 1px var(--gold);clip-path:none;background:#00000059;border-radius:999px;min-width:0;height:44px;padding:0 1rem;font-weight:500}.gacha-cost{color:var(--g-ink-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.gacha-item{object-fit:cover;border-radius:22%;flex-shrink:0}.gacha-pullbar{z-index:10;background:linear-gradient(180deg, transparent, var(--g-stage) .5rem);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 -.75rem -.75rem;padding:.5rem .75rem .75rem;position:sticky;bottom:0}@media (min-width:640px){.gacha-pullbar{margin:0 -1rem -1rem;padding:.5rem 1rem 1rem}}@media (min-width:768px){.gacha-pullbar{background:0 0;margin:0;padding:0;position:static}}.gacha-tray{border-radius:var(--radius-lg);min-height:132px;box-shadow:inset 0 0 0 1px var(--g-line);background:#00000059;padding:.5rem}.gacha-card{--g-rarity:var(--g-r);border-radius:var(--radius-md);border:2px solid var(--g-rarity);background:linear-gradient(180deg, color-mix(in srgb, var(--g-rarity) 35%, var(--g-stage)), var(--g-stage));text-align:center;height:100%;animation:.35s ease-out both gacha-reveal;animation-delay:calc(var(--i,0) * 60ms);flex-direction:column;align-items:center;gap:.25rem;padding:.25rem .125rem .375rem;display:flex;position:relative}.gacha-card[data-rarity=SR]{--g-rarity:var(--g-sr)}.gacha-card[data-rarity=SSR]{--g-rarity:var(--g-ssr);box-shadow:0 0 14px color-mix(in srgb, var(--g-ssr) 70%, transparent)}.gacha-card[data-rarity=SSR]:after{content:"";border-radius:inherit;animation:1.6s ease-out both gacha-shine;animation-delay:calc(var(--i,0) * 60ms + .3s);pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff73 50%,#0000 65%) 0 0/250% 100%;position:absolute;inset:0}.gacha-card:hover{filter:brightness(1.12)}.gacha-rarity{background:var(--g-rarity);color:#fff;border-radius:999px;min-width:2.25rem;padding:0 .25rem;font-size:.6875rem;font-weight:700;line-height:1.4}.gacha-card[data-rarity=SSR] .gacha-rarity{background:linear-gradient(180deg, var(--g-hi), var(--g-ssr));color:var(--band)}@keyframes gacha-reveal{0%{opacity:0;transform:translateY(10px)rotateY(70deg)}to{opacity:1;transform:none}}@keyframes gacha-shine{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.gacha-card,.gacha-card:after,.gacha-meter>span{transition:none!important;animation:none!important}}.gacha-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:.75rem}.gacha-tile--hero{border-color:var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--gold-soft) 45%, var(--card)), var(--card))}.dark .gacha-tile--hero{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 22%, var(--card)), var(--card))}.gacha-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.gacha-stack{gap:2px;height:12px;display:flex}.gacha-stack>span{min-width:2px;height:100%}.gacha-stack>span:first-child{border-radius:4px 0 0 4px}.gacha-stack>span:last-child{border-radius:0 4px 4px 0}.gacha-bar{background:var(--gold);border-radius:0 4px 4px 0;height:8px}.gacha-seg{border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.gacha-seg button{min-width:2.75rem;height:44px;padding:0 .5rem;font-size:.875rem}.gacha-seg button+button{border-left:1px solid var(--border)}.gacha-seg button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);font-weight:700}.gacha-pick{border-radius:var(--radius-md);border:2px solid #0000;padding:2px}.gacha-pick[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 15%, transparent)}