.fb{min-height:100dvh;padding:0 16px max(16px, env(safe-area-inset-bottom,0px));background-color:var(--suite-field);background-image:var(--suite-grain);color:var(--suite-ink);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid}.fb-body{flex-direction:column;gap:12px;width:100%;max-width:1180px;margin-inline:auto;padding-top:4px;display:flex}.fb-side,.fb-board{flex-direction:column;gap:12px;min-width:0;display:flex}.fb-tabs{background:var(--suite-paper);box-shadow:inset 0 1px 0 #ffffff0f, 0 3px 0 var(--suite-edge);border-radius:14px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.fb-tabs button{height:44px;color:var(--suite-muted);font:600 14px/1 var(--font-suite), system-ui, sans-serif;border-radius:11px}.fb-tabs button.is-on{background:var(--suite-ink);color:var(--suite-field)}.fb-chips{scrollbar-width:none;gap:6px;margin-inline:-16px;padding:2px 16px 5px;display:flex;overflow-x:auto}.fb-chips::-webkit-scrollbar{display:none}.fb-chip{background:var(--suite-paper);height:38px;color:var(--suite-muted);font:600 13.5px/1 var(--font-suite), system-ui, sans-serif;box-shadow:inset 0 1px 0 #ffffff0f, 0 2px 0 var(--suite-edge);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 13px;display:inline-flex;position:relative}.fb-chip:before{content:"";position:absolute;inset:-3px 0}.fb-chip i{background:var(--g);border-radius:50%;width:8px;height:8px}.fb-chip.is-on{background:var(--suite-ink);color:var(--suite-field);box-shadow:0 2px 0 var(--suite-edge)}.fb-chip.is-on:is(.is-angled,.is-halved,.is-dropped,.is-balanced,.is-counted,.is-timed){background:var(--g);color:#14100f;box-shadow:0 2px 0 color-mix(in srgb, var(--g) 55%, #000)}.fb-chip.is-on i{background:#14100f}.fb-as{color:var(--suite-muted);font-size:14.5px}.fb-card.is-all{--g:var(--suite-ink);color:var(--suite-field)}.fb-card.is-all .fb-share{background:var(--suite-field);color:var(--suite-ink);box-shadow:0 4px 0 var(--suite-edge)}.fb-card{background:var(--g,var(--suite-paper));color:var(--slab-ink);box-shadow:inset 0 1.5px 0 #ffffff61, 0 5px 0 color-mix(in srgb, var(--g,var(--suite-paper)) 58%, #000), 0 18px 30px -16px #00000073;border-radius:22px;gap:10px;padding:16px 16px 14px;display:grid}.fb-card-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.fb-big{font:800 37px/.95 var(--font-display-stack);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.fb-line{opacity:.85;margin-top:6px;font-size:14px;font-weight:500}.fb-score{font:800 24px/1 var(--font-display-stack);letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.fb-score small{font:600 13px/1 var(--font-suite), system-ui, sans-serif;letter-spacing:0}.fb-card .curve{width:100%;height:46px;overflow:visible}.fb-card .curve-area{fill:color-mix(in srgb, currentColor 14%, transparent)}.fb-card .curve-line,.fb-card .curve-axis{fill:none;stroke:currentColor;stroke-width:1.6px;vector-effect:non-scaling-stroke}.fb-card .curve-axis{opacity:.35}.fb-card .curve-me line{stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.fb-card .curve-me circle{fill:currentColor}.fb-share{background:var(--slab-ink);height:48px;color:var(--g,var(--suite-ink));font:800 16px/1 var(--font-display-stack);letter-spacing:-.01em;box-shadow:0 4px 0 color-mix(in srgb, var(--g,var(--suite-ink)) 50%, #000);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;border-radius:16px;justify-content:center;align-items:center;gap:10px;display:inline-flex}.fb-share:active{box-shadow:0 1px 0 color-mix(in srgb, var(--g,var(--suite-ink)) 50%, #000);transform:translateY(3px)}.fb-share svg{width:19px;height:19px}.fb-card:not(.is-angled) .fb-share.is-share{background:var(--suite-coral);color:var(--slab-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--suite-coral) 55%, #000)}.fb-card:not(.is-angled) .fb-share.is-share:active{box-shadow:0 1px 0 color-mix(in srgb, var(--suite-coral) 55%, #000)}.fb-card--invite,.fb-card--wait{background:var(--suite-paper);color:var(--suite-ink);box-shadow:inset 0 1px 0 #ffffff0f, 0 4px 0 var(--suite-edge)}.fb-card--invite .fb-line{color:var(--suite-muted);opacity:1}.fb-card--invite .fb-line b{color:var(--suite-ink)}.fb-card--wait{min-height:190px;color:var(--suite-muted);align-content:center}.fb-big--line{letter-spacing:-.025em;text-wrap:balance;font-size:24px;line-height:1.05}.fb-play{width:100%;margin-top:4px}@media (max-width:899px){.fb-onward{display:none}}.fb-board{--silver:#c5cbd3;--bronze:#c27a45}.fb-podium{grid-template-columns:1fr 1.12fr 1fr;align-items:stretch;gap:8px;display:grid}.fb-step.is-place-2{margin-top:14px}.fb-step.is-place-3{margin-top:26px}.fb-step.is-place-2{grid-column:1}.fb-step.is-place-1{grid-column:2}.fb-step.is-place-3{grid-column:3}.fb-step.is-place-2,.fb-step.is-place-3{--metal:var(--silver);--metal-ink:#15171b;background:var(--metal);color:var(--metal-ink);box-shadow:inset 0 1.5px 0 #ffffff73, 0 3px 0 color-mix(in srgb, var(--metal) 55%, #000);grid-row:1}.fb-step.is-place-3{--metal:var(--bronze);--metal-ink:#1f1007}.fb-step.is-place-1{grid-row:1}.fb-step:is(.is-place-2,.is-place-3) .fb-medal{background:var(--metal-ink);color:var(--metal)}.fb-step{background:var(--suite-paper);text-align:center;min-width:0;box-shadow:inset 0 1px 0 #ffffff0f, 0 3px 0 var(--suite-edge);border-radius:14px 14px 8px 8px;align-content:start;justify-items:center;gap:3px;padding:10px 8px 9px;display:grid}.fb-step.is-first{background:var(--suite-amber);color:#1a1306;box-shadow:inset 0 1.5px 0 #ffffff73, 0 4px 0 color-mix(in srgb, var(--suite-amber) 55%, #000);padding-top:12px}.fb-crown svg{fill:#1a1306;width:22px;height:14px}.fb-medal{background:var(--suite-rail);width:22px;height:22px;color:var(--suite-ink);font:800 12px/1 var(--font-display-stack);border-radius:50%;place-items:center;display:grid}.fb-step.is-first .fb-medal{color:var(--suite-amber);background:#1a1306}.fb-step-names{justify-items:center;gap:2px;min-width:0;max-width:100%;display:grid}.fb-step-more{opacity:.72;font-size:11.5px;font-weight:600}.fb-step-who{justify-content:center;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.fb-step-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:13.5px;font-weight:650;overflow:hidden}.fb-step-score{font:800 19px/1 var(--font-display-stack);font-variant-numeric:tabular-nums}.fb-step.is-first .fb-step-score{font-size:22px}.fb-list{align-content:start;gap:2px;display:grid}.fb-row{border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:14px;display:grid}.fb-empty{color:var(--suite-muted);font-size:14.5px}.fb-rank{color:var(--suite-muted);font:600 12.5px/1 var(--font-measure), ui-monospace, monospace;font-variant-numeric:tabular-nums}.fb-name{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.fb-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fb-name small{color:var(--suite-muted);font:600 10.5px/1 var(--font-measure), ui-monospace, monospace;box-shadow:inset 0 0 0 1px var(--suite-rail);border-radius:5px;flex:none;padding:2px 4px}.fb-pip{background:var(--g);color:#14100f;cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:0;min-width:16px;height:16px;margin:0;padding:0;transition:padding .24s cubic-bezier(.3,1.2,.5,1),gap .24s cubic-bezier(.3,1.2,.5,1);display:inline-flex;position:relative}.fb-pip:before{content:"";position:absolute;inset:-8px -4px}.fb-pip svg{fill:currentColor;flex:none;width:9px;height:9px}.fb-pip-name{opacity:0;max-width:0;font:700 9.5px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:max-width .26s cubic-bezier(.3,1.2,.5,1),opacity .16s ease-out;overflow:hidden}.fb-pip.is-open{gap:4px;padding:0 7px 0 4px}.fb-pip.is-open .fb-pip-name{opacity:1;max-width:72px}@media (hover:hover){.fb-pip:hover{gap:4px;padding:0 7px 0 4px}.fb-pip:hover .fb-pip-name{opacity:1;max-width:72px}}.fb-pip:focus-visible{outline:2px solid var(--suite-ink);outline-offset:2px}.fb-move{color:var(--dropped-ink);font:600 12px/1 var(--font-measure), ui-monospace, monospace;text-align:right}.fb-points{font:800 16px/1 var(--font-display-stack);text-align:right;font-variant-numeric:tabular-nums}.fb-row.is-me{background:var(--suite-ink);color:var(--suite-field);box-shadow:0 3px 0 var(--suite-edge)}.fb-row.is-me .fb-rank,.fb-row.is-me .fb-move,.fb-row.is-me .fb-name small{color:inherit}.fb-row.is-me .fb-name small{box-shadow:inset 0 0 0 1px}.fb-step.is-me{box-shadow:inset 0 0 0 2px var(--suite-ink), 0 3px 0 var(--suite-edge)}.fb-gap{height:24px;color:var(--suite-muted);font:600 11px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;padding:0 10px;display:flex}.fb-gap:after{content:"";border-top:1px dashed var(--suite-rail);flex:1}.fb-you-tab{min-width:0}.fb-you-tab .board-card--you{background:var(--suite-paper);box-shadow:inset 0 1px 0 #ffffff12, 0 4px 0 var(--suite-edge);border:0;border-radius:22px;margin:0;padding:16px}:root:not([data-theme=dark]) .fb-you-tab .board-card--you{box-shadow:inset 0 1px 0 #fff, 0 4px 0 var(--suite-edge)}.fb-you-tab .board-card--you .board-card-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fb-you-tab .board-card--you .board-empty{font:500 14px/1.45 var(--font-suite), system-ui, sans-serif;color:var(--suite-muted)}@media (max-height:720px) and (max-width:899px){.fb-body,.fb-side,.fb-board{gap:9px}.fb-card{gap:8px;padding:13px 14px 12px}.fb-big{font-size:32px}.fb-card .curve{height:34px}.fb-share{height:46px}.fb-step{padding-block:8px 7px}}@media (max-width:899px){.fb-board .fb-podium{display:none}.fb-list{background:var(--suite-paper);box-shadow:inset 0 1px 0 #ffffff0f, 0 3px 0 var(--suite-edge);border-radius:18px;padding:6px}.fb-row{min-height:40px}.fb-row.is-podium .fb-rank{width:24px;height:24px;font:800 12px/1 var(--font-display-stack);border-radius:50%;place-items:center;display:grid}.fb-row.is-place-1 .fb-rank{background:var(--suite-amber);color:#1a1306}.fb-row.is-place-2 .fb-rank{background:var(--silver);color:#15171b}.fb-row.is-place-3 .fb-rank{background:var(--bronze);color:#1f1007}.fb-row.is-podium .fb-name>span:first-child,.fb-row.is-podium .fb-points{font-weight:800}.fb-list .fb-row.is-me{z-index:1;position:sticky;bottom:8px}}@media (min-width:900px){.fb{padding-inline:clamp(24px,4vw,48px)}.fb-body{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,56px);padding-top:16px;display:grid}.fb-board{grid-area:1/2;gap:14px}.fb-board .fb-podium{align-self:center;width:100%;max-width:520px}.fb-chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}.fb-list{background:var(--suite-paper);box-shadow:inset 0 1px 0 #ffffff0f, 0 4px 0 var(--suite-edge);border-radius:22px;padding:12px}.fb-row{min-height:40px;font-size:15px}.fb-row.is-more:not(.is-me),.fb-list>.fb-row.is-podium{display:none}.fb-big{font-size:44px}.fb-you-tab{grid-area:1/2}}@media (min-width:1200px){.fb-list{columns:2;column-rule:1px solid var(--suite-rail);column-gap:24px;display:block}.fb-list>li{break-inside:avoid;margin-bottom:2px}.fb-row{min-height:38px}.fb-row.is-more:not(.is-me){display:grid}}@media (prefers-reduced-motion:reduce){.fb-share,.fb-pip,.fb-pip-name{transition:none}}