.sf{gap:1.25rem;align-items:flex-start}.sf,.sf__board{display:flex;flex-direction:column}.sf__board{width:100%;border-radius:14px;padding:clamp(1rem,3vw,1.75rem);background:linear-gradient(180deg,#123626,#0d2a1e);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 30px 70px -35px rgba(15,46,35,.6),inset 0 1px 0 hsla(0,0%,100%,.05);gap:1rem;overflow-x:auto}.sf__slot{display:flex;flex-direction:column;gap:.4rem}.sf__tag{font-size:.6rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(101,195,185,.75)}.sf__row{display:flex;gap:3px}.sf__cell{--h:clamp(1.6rem,4.4vw,2.5rem);position:relative;width:calc(var(--h) * .72);height:var(--h);border-radius:3px;background:#0b241a;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.04);display:grid;place-items:center;overflow:hidden;perspective:200px}.sf__cell:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6);z-index:2}.sf__char{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--h) * .56);font-weight:700;line-height:1;color:#eaf5f2;transform-origin:center;transition:transform .05s linear,opacity .05s linear}.sf__cell.is-flip .sf__char{transform:rotateX(-82deg);opacity:.35}.sf__chips{display:flex;flex-wrap:wrap;gap:.5rem}.sf__chip{padding:.5rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;color:#4a5a53;background:rgba(15,46,35,.06);transition:background .18s ease,color .18s ease}.sf__chip:hover{color:#184c3a}.sf__chip.is-on{background:#184c3a;color:#fff}@media (prefers-reduced-motion:reduce){.sf__cell.is-flip .sf__char{transform:none;opacity:1}}