.fk,.fk-over,.fk-form,.fk-card{display:grid;gap:var(--sp-3)}.fk-top,.fk-names li,.fk-board li{display:flex;align-items:center;justify-content:space-between;gap:8px}.fk-top>div{min-width:0;overflow-wrap:anywhere}.fk-meta{color:var(--text-2);font-size:var(--fs-sm)}.fk>p{text-align:center}.fk-tray{display:grid;grid-template-columns:repeat(6,1fr);gap:2.5cqi;width:100%;max-width:30rem;margin-inline:auto}.die{position:relative;display:grid;aspect-ratio:1;padding:0;border:0;border-radius:18%;background:none}.die rect{fill:var(--bg-1)}.die[aria-pressed=true]{color:var(--accent)}.die[aria-pressed=true] rect{fill:var(--accent-soft)}.is-farkle .die:not(.is-kept),.is-bad{color:var(--danger)}.is-bad rect{fill:var(--danger-soft)}.is-idle,.is-kept{opacity:.4}.lk{position:absolute;top:-7px;right:-7px;display:grid;padding:2px;border-radius:50%;background:var(--accent);color:var(--bg-0)}.is-bad .lk{background:var(--danger)}.is-rolling{animation:fk .7s var(--ease)}@keyframes fk{30%{translate:0 -15%;rotate:-40deg}to{rotate:1turn}}.is-shake{animation:fz .5s}@keyframes fz{25%,75%{translate:-3%}50%{translate:3%}}.fk-turn b{font-size:var(--fs-2xl);font-weight:600}.fk-plus{color:var(--accent)}.fk-act{display:flex;gap:8px}.fk-act .btn{flex:1;padding-inline:var(--sp-2);font-size:clamp(1rem,4.6cqi,1.125rem)}.fk-board,.fk-names{list-style:none;padding:0;display:grid;gap:8px}.fk-board li{flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-2)}.fk-board [aria-current]{border-color:var(--accent);background:var(--accent-soft)}.fk-board span{display:flex;gap:4px;align-items:center;overflow-wrap:anywhere}.fk-board b{font-size:var(--fs-lg)}.fk-board :is(small,i){flex-basis:100%;color:var(--text-2)}.fk-board i{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent) var(--p),var(--bg-3) 0)}@media (width>=64em){.app[data-layout=stage]:has(.rail){grid-template-columns:32rem 24rem;grid-template-rows:auto auto 1fr}.app>.touch{grid-area:1/2/-1}.app>.rail{grid-area:2/1}.app>.extras{grid-area:3/1}}