.pp{container-type:inline-size;container-name:pp;min-width:0}.pp-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:stretch}@container pp (min-width: 640px){.pp-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.pp-panel{min-width:0}.pp-body,.pp-panel{display:flex;flex-direction:column}.pp-body{gap:12px;padding:14px 16px 16px;flex:1}@container pp (min-width: 640px){.pp-body{padding:16px 18px 18px}}.pp-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--hair);border-radius:10px;text-align:center;font-size:13px;font-weight:500}.pp-seg span{border-radius:7px;padding:6px 0;color:var(--fg3)}.pp-seg span[data-on]{background:var(--raise);color:var(--fg)}.pp-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 12px;border:1px solid var(--hair);border-radius:var(--r-s);background:var(--panel)}.pp-field b{font-weight:500;font-size:14px}.pp-field small{font-size:12px;color:var(--fg3)}.pp-row{display:flex;align-items:center;gap:10px;min-width:0}.pp-rank{width:18px;text-align:center;font:500 13px/1 var(--mono);color:var(--fg2)}.pp-sep{border-top:1px solid var(--hair);margin:2px -16px 0}.pp-cta{display:flex;height:40px;justify-content:center;border-radius:var(--r-s);font-size:14px;font-weight:500;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pp-cta,.pp-game{align-items:center;gap:8px}.pp-game{display:grid;grid-template-columns:1fr auto 1fr}.pp-vs{font:500 10px/1 var(--mono);letter-spacing:.08em;color:var(--fg3);text-transform:uppercase}.pp-team{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;font-size:13px;font-weight:500}.pp-team span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-mark{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;font:600 11px/1 var(--mono)}.pp-mark img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pp-mark img.pp-d{display:none}.dark .pp-mark img.pp-d{display:block}.dark .pp-mark .pp-l:not(:only-child),.dark .pp-mark img.pp-d~.pp-l{display:none}.pp-odds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-odds button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;justify-content:center;border:1px solid var(--hair);border-radius:var(--r-s);background:var(--panel);color:var(--fg);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.pp-odds button:hover{border-color:var(--line);background:var(--raise)}.pp-odds button:active{transform:scale(.97)}.pp-odds button[aria-pressed=true]{border-color:var(--pf-accent);background:rgba(var(--accent-a),.1)}.pp-chips button:focus-visible,.pp-odds button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pp-odds i{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--fg3)}.pp-odds b{font:400 20px/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}.pp-slip{border:1px dashed var(--line);border-radius:var(--r-s);padding:10px 12px;display:grid;gap:8px}.pp-slip-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:var(--fg2)}.pp-slip-line b{color:var(--fg);font-weight:500}.pp-win{font:400 20px/1.1 var(--serif);color:var(--gain);font-variant-numeric:lining-nums tabular-nums}.pp-chips{display:flex;gap:6px}.pp-chips button{flex:1;height:32px;border:1px solid var(--hair);border-radius:8px;font:500 12px/1 var(--mono);color:var(--fg2);background:transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.pp-chips button[aria-pressed=true]{border-color:var(--pf-accent);color:var(--fg);background:rgba(var(--accent-a),.1)}.pp-live{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--hair)}.pp-live-head{display:flex;align-items:center;gap:8px}.pp-dot{width:7px;height:7px;border-radius:50%;background:var(--loss);animation:pp-pulse 1.8s ease-in-out infinite}@keyframes pp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.pp-score{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.pp-score .pp-row{flex:1}.pp-score .pp-row:last-child{justify-content:flex-end}.pp-score b{font:400 22px/1 var(--serif);font-variant-numeric:lining-nums tabular-nums}.pp-bar{position:relative;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--fg3) 24%,transparent)}.pp-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--gain);transform-origin:left;animation:pp-grow 1.1s cubic-bezier(.2,.7,.2,1) both}@keyframes pp-grow{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}.pp-bar-legend{display:flex;justify-content:space-between;font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}.pp-pick{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px}.pp-pick+.pp-pick{border-top:1px solid var(--hair2)}.pp-tag{margin-left:auto;font:500 10px/14px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:999px;border:1px solid var(--hair);color:var(--fg2);white-space:nowrap}.pp-tag[data-up]{color:var(--gain);border-color:color-mix(in srgb,var(--gain) 40%,transparent)}@media (prefers-reduced-motion:reduce){.pp-bar-fill,.pp-dot{animation:none}.pp-chips button,.pp-odds button{transition:none}}