.onboard-sheet{max-width:460px}.onboard-line{margin:0;font-size:14px;line-height:1.5;color:var(--bone-dim)}.onboard-mult{font-size:13px;color:var(--bone-faint)}.play-wide{width:min(100vw - 48px,1360px);margin-left:50%;transform:translateX(-50%)}.play-wide .page-head,.play-wide .playing-as{max-width:760px}.pickgrid{width:100%}.pg-sections{display:flex;flex-direction:column;gap:26px;margin-top:20px}.pg-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:14px}.pg-card,.pg-grid{display:flex;gap:12px}.pg-card{flex:0 1 420px;position:relative;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:15px 15px 13px;flex-direction:column}.pg-card-staked{border-color:rgba(110,156,255,.7);box-shadow:inset 3px 0 0 var(--accent-2),inset 0 40px 60px -50px rgba(110,156,255,.5),0 0 22px -4px rgba(110,156,255,.55)}.pg-card-staked-3,.pg-card-staked-4{border-color:rgba(153,255,0,.7);box-shadow:inset 3px 0 0 var(--accent),inset 0 40px 60px -50px rgba(153,255,0,.45),0 0 22px -4px rgba(153,255,0,.5)}.pg-corners{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px}.pg-vs{font-size:12px}.pg-vs,.pg-weightclass{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;color:var(--bone-faint)}.pg-weightclass{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:11px;text-transform:uppercase;min-height:22px}.pg-crowd{min-width:0;text-align:center}.crowd-bar-row{display:flex;flex-direction:column;gap:4px;min-width:0}.crowd-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--line)}.crowd-bar .seg-red{background:var(--corner-red)}.crowd-bar .seg-blue{background:var(--corner-blue)}.crowd-bar-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:6px;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crowd-bar-labels .l-blue,.crowd-bar-labels .l-red{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crowd-bar-labels .l-red{color:var(--corner-red);text-align:left}.crowd-bar-labels .l-blue{color:var(--corner-blue);text-align:right}.crowd-bar-empty,.crowd-caption{color:var(--bone-faint);font-weight:600}.crowd-caption{grid-column:2;text-align:center;white-space:normal;min-width:0;font-family:var(--font-display);font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1.25}.pg-corner{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"photo info" "history history";grid-column-gap:7px;column-gap:7px;grid-row-gap:6px;row-gap:6px;align-items:center;min-width:0;margin:0;padding:8px;border:1px solid transparent;border-radius:var(--radius)}.pg-corner.blue{grid-template-columns:1fr 40px;grid-template-areas:"info photo" "history history";text-align:right}.pg-corner .corner-info{grid-area:info;display:flex;flex-direction:column;gap:3px;min-width:0}.pg-corner.blue .corner-info{align-items:flex-end}.pg-corner .headshot{grid-area:photo;width:40px;height:40px;justify-self:center}.fh-strip{grid-area:history;display:flex;flex-wrap:wrap;gap:4px;position:relative}.pg-corner.blue .fh-strip{justify-content:flex-end}.fh-pill-wrap{position:relative;display:inline-flex}.fh-pill{width:20px;height:20px;border-radius:5px;border:none;padding:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:10px;font-weight:700;cursor:pointer;color:var(--bg);transition:transform .12s var(--ease-out)}.fh-pill:focus-visible,.fh-pill:hover{transform:scale(1.1)}.fh-pill:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fh-pill.fh-win{background:var(--accent)}.fh-pill.fh-loss{background:var(--corner-red);color:var(--bone)}.fh-pill.fh-draw,.fh-pill.fh-nc{background:var(--bone-faint);color:var(--bg)}.fh-pill.fh-next{background:none;border:1.5px dashed var(--line-2);color:var(--bone-faint)}.fh-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:20;width:max-content;max-width:180px;display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid rgba(153,255,0,.35);border-radius:8px;padding:8px 10px;box-shadow:0 12px 28px rgba(0,0,0,.45);font-family:var(--font-body);font-size:11px;line-height:1.35;color:var(--bone-faint);text-align:left;animation:badgeTooltipIn .18s cubic-bezier(.33,1,.68,1) both}.fh-tooltip strong{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--bone)}@media (prefers-reduced-motion:reduce){.fh-tooltip{animation:none}.fh-pill{transition:none}}.pg-corner .tag{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.pg-corner.red .tag{color:var(--corner-red)}.pg-corner.blue .tag{color:var(--corner-blue)}.pg-corner .name-line{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.04;text-transform:uppercase}.pg-corner .name-first{min-height:17px;overflow-wrap:break-word}.pg-corner .name-last{min-height:34px;overflow-wrap:break-word}.pg-corner.blue .name-line{align-items:flex-end}.pg-corner.your-pick .name-line{color:var(--accent)}label.pg-corner{cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}label.pg-corner input{position:absolute;opacity:0;pointer-events:none}label.pg-corner:hover{border-color:var(--line-2)}.pg-corner.red:has(input:checked){border-color:var(--corner-red);background:rgba(238,66,59,.12)}.pg-corner.blue:has(input:checked){border-color:var(--corner-blue);background:rgba(110,156,255,.12)}label.pg-corner:has(input:focus-visible){box-shadow:0 0 0 3px rgba(243,238,228,.18)}.pg-controls{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.pg-method{display:flex;gap:8px;border:0;padding:0;margin:0;width:100%}.pg-method-opt{flex:1 1}.pg-method-opt input{position:absolute;opacity:0;pointer-events:none}.pg-method-opt span{display:block;width:100%;text-align:center;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-dim);border:1.5px solid var(--line-2);border-radius:4px;padding:11px 8px;background:var(--surface);cursor:pointer;transition:border-color .12s var(--ease-out),background .12s var(--ease-out),color .12s var(--ease-out)}.pg-method-opt:hover span{border-color:var(--bone-dim)}.pg-method-opt input:checked+span{border-color:var(--accent);color:var(--accent);background:rgba(153,255,0,.18)}.pg-method-opt input:focus-visible+span{box-shadow:0 0 0 3px rgba(243,238,228,.18)}.pg-progress{display:flex;align-items:center;gap:12px;margin-top:22px}.pg-progress-track{flex:1 1;height:3px;border-radius:999px;background:var(--line);overflow:hidden}.pg-progress-fill{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s var(--ease-out)}.pg-progress-count{flex-shrink:0;font-family:var(--font-display);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--bone-faint);letter-spacing:.02em}.pickgrid>.btn.big{margin-top:10px}.pg-method-explainer{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid rgba(230,185,77,.35);border-radius:8px;padding:12px 14px;margin-top:14px;box-shadow:0 12px 28px rgba(0,0,0,.35);animation:methodExplainerIn .2s cubic-bezier(.33,1,.68,1) both}.pg-explainer-block{display:flex;flex-direction:column;gap:4px}.pg-method-explainer strong{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-gold)}.pg-method-explainer p{margin:0;font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--bone-dim)}@keyframes methodExplainerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pg-method-explainer{animation:none}}.pg-card-needs-pick{outline:2px solid rgba(230,185,77,.6);outline-offset:2px}.pg-method-needs-pick{outline:2px solid rgba(230,185,77,.55);outline-offset:3px;border-radius:4px}@media (max-width:560px){.pg-card{padding:11px 10px 10px;gap:8px}.pg-corners{gap:6px}.pg-weightclass{font-size:10px}.pg-corner{display:grid;grid-column-gap:8px;column-gap:8px;grid-row-gap:2px;row-gap:2px;padding:8px 6px;align-items:center}.pg-corner.red{grid-template-columns:58px 1fr;grid-template-areas:"photo  tag" "photo  namefirst" "photo  namelast" "record flag" "history history"}.pg-corner.blue{grid-template-columns:1fr 58px;grid-template-areas:"tag        photo" "namefirst  photo" "namelast   photo" "flag       record" "history history"}.fh-strip{margin-top:2px;flex-wrap:nowrap;gap:3px}.fh-pill{width:16px;height:16px;font-size:8px;border-radius:4px}.pg-corner .corner-info,.pg-corner .fighter-meta,.pg-corner .name-line{display:contents}.pg-corner .headshot{grid-area:photo;width:50px;height:50px;align-self:start;justify-self:center}.pg-corner .tag{grid-area:tag;font-size:9px;letter-spacing:.1em}.pg-corner .name-first{grid-area:namefirst;font-size:13px;overflow-wrap:break-word;min-height:14px}.pg-corner .name-last{grid-area:namelast;font-size:13px;overflow-wrap:break-word;min-height:27px}.pg-corner .flag{grid-area:flag;width:26px;height:17px;align-self:start;margin-top:2px}.pg-corner .record{grid-area:record;font-size:11px;text-align:center;align-self:start;margin-top:2px}.pg-corner.blue .name-first,.pg-corner.blue .name-last,.pg-corner.blue .tag{text-align:right}.pg-corner.blue .flag{justify-self:end}.pg-vs{font-size:10px}.pg-controls{padding-top:10px;gap:6px}.pg-method{width:100%;gap:6px}.pg-method-opt{flex:1 1}.pg-method-opt span{display:block;width:100%;text-align:center;font-size:11px;font-weight:700;padding:9px 4px;border-width:1.5px;background:var(--surface)}.pg-method-opt input:checked+span{background:rgba(153,255,0,.18)}}.scoredgrid{display:flex;flex-direction:column;gap:26px;margin-top:24px}.scard-section-title{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim);margin:0 0 2px;padding:0 4px}.scoredgrid .pg-grid{align-items:flex-start;row-gap:18px}.pg-scard{display:flex;flex-direction:column;gap:7px;flex:0 1 420px}.pg-scard .pg-card{width:100%;flex:none}.pg-scard-hit .pg-card{border-color:rgba(91,191,106,.4);box-shadow:inset 3px 0 0 #5bbf6a}.pg-scard-partial .pg-card{border-color:rgba(230,179,74,.4);box-shadow:inset 3px 0 0 #e6b34a}.pg-scard-miss .pg-card{border-color:rgba(238,66,59,.35);box-shadow:inset 3px 0 0 var(--corner-red)}.pg-scard .pg-corner.lost{opacity:.42}.pg-result{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2);min-width:0}.pg-result-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;background:var(--line)}.pg-result-mark,.pg-result-pts{font-weight:800;flex-shrink:0;color:var(--bone-faint)}.pg-result-pts{font-family:var(--font-display);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-result-pick{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pg-result-sep{color:var(--bone-faint);flex-shrink:0}.pg-result-method{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap;flex-shrink:0}.pg-result-method.ok{color:#5bbf6a}.pg-result-method.wrong{color:var(--bone-faint)}.pg-result.state-hit .pg-result-mark{background:rgba(91,191,106,.18);color:#5bbf6a}.pg-result.state-hit .pg-result-pts{color:#5bbf6a}.pg-result.state-partial .pg-result-mark{background:rgba(230,179,74,.18);color:#e6b34a}.pg-result.state-partial .pg-result-pts{color:#e6b34a}.pg-result.state-miss .pg-result-mark{background:rgba(238,66,59,.16);color:var(--corner-red)}.pg-scard-actual{text-align:center;font-family:var(--font-body);font-size:12px;color:var(--bone-dim);padding:0 4px}.boost-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1;padding:5px 10px;border-radius:5px;white-space:nowrap;color:var(--accent-2);background:rgba(110,156,255,.18);border:1px solid rgba(110,156,255,.5)}.boost-badge.boost-3,.boost-badge.boost-4{color:var(--accent);background:rgba(153,255,0,.16);border-color:rgba(153,255,0,.55)}.boost-mult{font-size:15px;font-weight:800;letter-spacing:.02em}.pg-method-legend{display:flex;align-items:center;gap:7px;float:none;width:100%;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:8px;padding:0}.pg-method-plus{font-weight:800;letter-spacing:.02em;color:var(--accent-2)}