.pp{border:0;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:0;padding:0;display:grid}.pp-legend{color:var(--pp-ink-2,#a9adbd);margin-bottom:4px;padding:0;font-size:13px;font-weight:700}.pp-pick{align-items:center;gap:16px;min-width:0;display:flex}.pp-pick-img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000080);flex:none;width:120px;height:120px}.pp-pick-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pp-pick-name{font:800 clamp(20px, 4vw, 28px)/1.1 var(--font-display,"Unbounded"), system-ui, sans-serif;color:var(--pp-ink,#f4f1ea)}.pp-pick-tagline{color:var(--pp-ink-2,#a9adbd);font-size:14px;line-height:1.4}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.pp-face{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 50% 35%,#ffffff1a,#ffffff05 70%);border-radius:12px;min-height:44px;transition:box-shadow .16s ease-out,background-color .16s ease-out;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.pp-face img{object-fit:contain;object-position:bottom;width:92%;height:96%;transition:transform .18s ease-out;position:absolute;inset:4% 4% 0}.pp-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pp-face:hover{background-color:#f7931a1a}.pp-face:hover img{transform:scale(1.06)}.pp-face:has(:checked){background-color:#f7931a2e;box-shadow:inset 0 0 0 2px #f7931a,0 0 18px #f7931a59}.pp-face:has(:checked) img{transform:scale(1.1)}.pp-face:has(:focus-visible){outline-offset:2px;outline:2px solid #f7931a}.pp-lobby{width:100%;display:block}.pp-more{position:relative}.pp-sum{cursor:pointer;border-radius:8px;align-items:center;gap:16px;min-height:44px;padding:0 0 12px;list-style:none;display:flex}.pp-sum::-webkit-details-marker{display:none}.pp-sum:focus-visible{outline:2px solid var(--color-btc-hi,#f9b25f);outline-offset:4px}.pp-lobby .pp-pick{flex:auto;gap:12px}.pp-lobby .pp-pick-img{align-self:flex-end;width:72px;height:72px;margin-top:-28px}.pp-lobby .pp-pick-text{gap:2px;padding-top:8px}.pp-lobby .pp-pick-label{color:var(--color-ink-3,#8b8b90);font-size:12px}.pp-lobby .pp-pick-name{font-size:18px}.pp-lobby .pp-pick-tagline{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.pp-more-btn{min-height:44px;color:var(--color-ink,#fff);background:var(--color-well,#1a1a1e);box-shadow:inset 0 0 0 1px var(--color-line,#2a2a30);border-radius:6px;flex:none;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;transition:background-color .16s ease-out;display:inline-flex}.pp-more-short{display:none}.pp-more-btn svg{transition:transform .16s ease-out}.pp-more[open] .pp-more-btn svg{transform:rotate(180deg)}.pp-sum:hover .pp-more-btn,.pp-more[open] .pp-more-btn{background:var(--color-raised,#1e1e24)}.pp-pop{z-index:40;background:var(--color-card,#121215);width:min(22rem,100vw - 2rem);box-shadow:inset 0 0 0 1px var(--color-line,#2a2a30), 0 16px 40px #0009;border-radius:12px;padding:12px;position:absolute;top:calc(100% - 4px);right:0}.pp-pop .pp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pp-more[open] .pp-pop{animation:.16s ease-out pp-pop-in}@keyframes pp-pop-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<640px){.pp-sum{gap:12px}.pp-lobby .pp-pick-img{width:56px;height:56px;margin-top:-16px}.pp-lobby .pp-pick-name{font-size:16px}.pp-lobby .pp-pick-tagline{-webkit-line-clamp:1}.pp-more-long{display:none}.pp-more-short{display:inline}}@media (width<400px){.pp-more-btn{justify-content:center;width:44px;padding:0}.pp-more-short{display:none}}.pp-compact{text-align:left;gap:8px;width:100%}.pp-compact .pp-legend{margin-bottom:0}.pp-compact .pp-pick{gap:10px}.pp-compact .pp-pick-img{width:64px;height:64px}.pp-compact .pp-pick-name{font-size:17px}.pp-compact .pp-pick-tagline{font-size:13px}.pp-compact .pp-grid{max-height:var(--pp-max,212px);overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;padding:2px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.pp-face,.pp-face img,.pp-more-btn,.pp-more-btn svg{transition:none}.pp-more[open] .pp-pop{animation:none}}