.fr-streams{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:520px;margin:0 auto;display:grid}.fr-stream{border-radius:var(--radius);border:2px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.fr-stream.up{background:color-mix(in srgb,var(--good)14%,var(--surface))}.fr-stream.down{background:color-mix(in srgb,var(--info)16%,var(--surface))}.fr-stream.can{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.fr-stream.back{border-color:var(--good);box-shadow:0 0 0 3px var(--good)}.fr-stream>small{color:var(--muted);text-align:center;font-size:10.5px}.fr-top{aspect-ratio:3/4;border:2px solid var(--ink);background:var(--surface);width:100%;max-width:76px;color:var(--ink);font:400 clamp(22px,7vw,32px)/1 var(--f-display);box-shadow:0 3px 0 var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.fr-top i{font:600 11px var(--f-mono);color:var(--muted);font-style:normal}.fr-stream.back .fr-top i{color:var(--good)}button.fr-top{cursor:pointer;background:color-mix(in srgb,var(--accent)15%,var(--surface))}button.fr-top:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fr-ask{color:var(--bad);text-align:center;overflow-wrap:anywhere;font-size:11px;font-weight:700}.fr-flag{min-height:0;padding:2px 6px;font-size:11px}.fr-flag.on{background:var(--bad);color:var(--surface);border-color:var(--bad)}.fr-deck{text-align:center;font-family:var(--f-mono);color:var(--muted);margin:0;font-size:13px}.fr-hand{flex-direction:column;align-items:center;gap:10px;display:flex}.fr-hand>div{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fr-card{border:2px solid var(--ink);background:var(--surface);width:48px;height:64px;color:var(--ink);font:400 24px/1 var(--f-display);box-shadow:0 2px 0 var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}button.fr-card{cursor:pointer}button.fr-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fr-card.on{background:var(--accent);color:var(--accent-ink);transform:translateY(-4px)}