.ph{--ph-ease:cubic-bezier(.2, 0, 0, 1)}.ph .ss-stage{font:13px/1.4 var(--ss-font);color:var(--ss-text-strong);background:0 0;border-radius:16px;overflow:hidden}.ph .ph-window{background:var(--ss-surface);width:440px;height:480px;box-shadow:var(--ss-shadow-hero);position:absolute;top:8px;left:8px}.ph .ph-body,.ph .ph-page{padding:20px}.ph .ph-pages{background:var(--ss-surface);height:100%;display:grid}.ph .ph-page{opacity:0;min-height:0;transition:opacity .2s ease, transform .5s var(--ph-ease);will-change:transform, opacity;grid-area:1/1;transform:translate(-14px)}.ph .ph-page[data-on]{opacity:1;transition:opacity .36s ease .22s, transform .72s var(--ph-ease) .22s;transform:none}.ph .ph-page[data-on]~.ph-page:not([data-on]){transform:translate(14px)}.ph .ph-head{align-items:center;gap:14px;display:flex}.ph .ph-slab{flex:none;width:92px;height:144px;display:block}.ph .ph-slab img{object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px #00000052);width:100%;height:100%;display:block}.ph .ph-title{min-width:0;color:var(--ss-text);flex-direction:column;display:flex}.ph .ph-title b{color:var(--ss-text-strong);white-space:nowrap;font-size:15px;font-weight:600}.ph .ph-label{color:var(--ss-text);font-size:12px}.ph .ph-gap{margin-top:16px}.ph .ph-price{color:var(--ss-text-strong);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.15}.ph .ph-ticket{grid-template-columns:1fr 122px;align-items:end;gap:10px;width:340px;margin-top:16px;display:grid}.ph .ph-ticket .ss-field{width:100%}.ph .ph-ticket .ss-field__text{transition:opacity .22s}.ph .ph-ticket[data-clearing] .ss-field__text{opacity:0}.ph .ph-btn{background:var(--ss-accent);height:38px;color:var(--accent-ink,#0a0b0d);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,color .2s;display:flex}.ph .ph-btn[data-hover]{filter:brightness(1.08)}.ph .ph-btn[data-quiet]{background:var(--ss-well);color:var(--ss-text)}.ph .ph-btn--small{height:32px;margin-top:12px}.ph .ph-btn--wide{width:264px;margin-top:14px}.ph .ph-rows{border-top:1px solid var(--ss-line-faint);width:340px;margin-top:14px}.ph .ph-row{border-bottom:1px solid var(--ss-line-faint);justify-content:space-between;align-items:center;height:46px;transition:color .3s;display:flex}.ph .ph-row--sell{grid-template-columns:96px 1fr 68px;gap:10px;display:grid}.ph .ph-row--sell>:first-child{justify-self:start}.ph .ph-amount{font-variant-numeric:tabular-nums;font-weight:600}.ph .ph-amount--dim{color:var(--ss-text);font-weight:500}.ph .ph-row[data-win] .ph-amount{color:var(--ss-success)}.ph .ph-pill{background:var(--ss-accent);height:30px;color:var(--accent-ink,#0a0b0d);border-radius:999px;grid-column:3;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,color .2s;display:flex}.ph .ph-pill[data-hover]{filter:brightness(1.08)}.ph .ph-pill[data-state=done]{background:var(--ss-well);color:var(--ss-success)}.ph .ph-sat{background:var(--ss-raised);width:160px;box-shadow:var(--ss-shadow-satellite);border-radius:16px;padding:14px;position:absolute;top:96px;left:392px}.ph .ph-big{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:600;display:block}.ph .ph-note{color:var(--ss-text)}.ph .ph-note[data-up]{color:var(--ss-success);font-weight:600}.ph .ph-case{width:264px;height:150px;transition:transform .5s var(--ph-ease);will-change:transform;border-radius:12px;overflow:hidden}.ph .ph-case img{object-fit:cover;object-position:55% 50%;opacity:.6;width:100%;height:100%;transition:opacity .6s;display:block}.ph .ph-case[data-step=rip]{transform:scale(.965)}.ph .ph-case[data-step=rip] img{opacity:1}[data-theme=light] .ph .ph-case img{opacity:.82}[data-theme=light] .ph .ph-case[data-step=rip] img{opacity:1}.ph .ph-title--pack{margin-top:12px}.ph .ph-odds{gap:2px;width:264px;height:6px;margin-top:12px;display:flex}.ph .ph-odd{background:var(--ss-text-faint);border-radius:2px;min-width:4px}.ph .ph-odd[data-band=Hit]{background:var(--ss-text-strong)}.ph .ph-odd[data-band=Heat]{background:var(--ss-success)}.ph .ph-odd[data-band=Grail]{background:var(--ss-accent)}.ph .ph-oddrow{width:264px;color:var(--ss-text);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.ph .ph-pulls{pointer-events:none;position:absolute;inset:0}.ph .ph-pull{background:var(--ss-raised);width:242px;box-shadow:var(--ss-shadow-satellite);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;padding:14px;transition:opacity .24s,transform .4s ease-in;display:flex;position:absolute;top:28px;left:310px;transform:translate(-170px,26px)scale(.72)}.ph .ph-pull[data-on]{opacity:1;transition:opacity .4s ease, transform .92s var(--ph-ease);transform:none}.ph .ph-pullslab{width:140px;height:216px;margin:0 auto;display:block}.ph .ph-pullslab img{object-fit:contain;filter:drop-shadow(0 10px 22px #00000059);width:100%;height:100%;display:block}.ph .ph-pulltext{color:var(--ss-text);flex-direction:column;margin-top:10px;display:flex}.ph .ph-pulltext b{color:var(--ss-text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ph .ph-worth{color:var(--ss-text-strong);font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:600}.ph .ph-band{color:var(--ss-text-strong);font-weight:600;position:absolute;bottom:18px;right:14px}.ph .ph-band[data-band=Heat]{color:var(--ss-success)}.ph .ph-band[data-band=Grail]{color:var(--ss-accent)}.ph .ss-stage[data-layout=compact] .ph-window{width:358px;height:540px;top:0;left:0}.ph .ss-stage[data-layout=compact] .ph-body,.ph .ss-stage[data-layout=compact] .ph-page{padding:16px}.ph .ss-stage[data-layout=compact] .ph-pull[data-on]{transform:none}.ph .ss-stage[data-layout=compact] .ph-ticket,.ph .ss-stage[data-layout=compact] .ph-rows{width:100%}.ph .ss-stage[data-layout=compact] .ph-row:nth-child(n+4){display:none}.ph .ss-stage[data-layout=compact] .ph-row:nth-child(3){border-bottom:0}.ph .ss-stage[data-layout=compact] .ph-sat{grid-template-columns:1fr auto;align-items:center;column-gap:12px;width:auto;display:grid;inset:auto 16px 12px}.ph .ss-stage[data-layout=compact] .ph-sat .ph-label,.ph .ss-stage[data-layout=compact] .ph-sat .ph-big{grid-column:1}.ph .ss-stage[data-layout=compact] .ph-sat .ph-note,.ph .ss-stage[data-layout=compact] .ph-sat .ph-btn{grid-area:1/2/3;margin-top:0}.ph .ss-stage[data-layout=compact] .ph-sat .ph-btn{padding:0 14px}.ph .ss-stage[data-layout=compact] .ph-case,.ph .ss-stage[data-layout=compact] .ph-odds,.ph .ss-stage[data-layout=compact] .ph-oddrow,.ph .ss-stage[data-layout=compact] .ph-btn--wide{width:100%}.ph .ss-stage[data-layout=compact] .ph-case{height:166px}.ph .ss-stage[data-layout=compact] .ph-pull{flex-direction:row;gap:14px;width:auto;height:166px;padding:12px;top:53px;left:16px;right:16px;transform:translateY(30px)scale(.94)}.ph .ss-stage[data-layout=compact] .ph-pullslab{flex:none;width:92px;height:136px;margin:0}.ph .ss-stage[data-layout=compact] .ph-pulltext{flex:1;justify-content:center;min-width:0;margin-top:0}.ph .ss-stage[data-layout=compact] .ph-pulltext b{white-space:normal}.ph .ss-stage[data-layout=compact] .ph-band{margin-top:2px;position:static}