.sf-grid{--g:2px;container:sf/inline-size}.sf-line{--cw:calc((100cqw - (var(--n) - 1) * var(--g)) / var(--n));--ch:calc(var(--cw) * 1.42);gap:calc(var(--cw) + 2 * var(--g));display:flex}.sf-col{gap:var(--g);display:flex}.sf-rest{height:var(--ch)}.sf-n46{--n:46}.sf-n19{--n:19}.sf-n20{--n:20}.sf-n21{--n:21}.sf-n5{--n:5}.sf-n1{--n:1}@container sf not (min-width:560px){.sf-n46{--n:21}.sf-wide{display:none!important}}.sf-c{width:var(--cw);height:var(--ch);perspective:calc(var(--cw) * 9);font-family:Barlow Condensed,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--cw) * 1.18);text-align:center;color:var(--sf-ink,#f3eee0);flex:none;font-weight:700;position:relative}.sf-c:before,.sf-c:after,.sf-ft,.sf-fb{white-space:pre;backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.sf-c:before,.sf-ft{line-height:var(--ch);background:linear-gradient(#2b2b2d,#222224);border-radius:3px 3px 0 0;top:0;box-shadow:inset 0 -1px #000000e6}.sf-c:after,.sf-fb{background:linear-gradient(#1c1c1e,#252527);border-radius:0 0 3px 3px;line-height:0;bottom:0}.sf-c:before{content:attr(data-t);z-index:0}.sf-c:after{content:attr(data-b);z-index:0}.sf-ft{z-index:2;transform-origin:50% 100%;animation:72ms ease-in forwards sf-fall}.sf-fb{z-index:2;transform-origin:50% 0;animation:72ms ease-out 72ms forwards sf-land;transform:rotateX(90deg)}@keyframes sf-fall{to{filter:brightness(.6);transform:rotateX(-90deg)}}@keyframes sf-land{0%{filter:brightness(1.5)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.sf-ft,.sf-fb{display:none}}.sf-ink-live{--sf-ink:#7be0a0}.sf-ink-new{--sf-ink:#f5c84c}.sf-ink-delayed{--sf-ink:#ffa24c}.sf-ink-due{--sf-ink:#9fc2ff}.sf-ink-gold{--sf-ink:#f5c84c}.sf-ink-red{--sf-ink:#ff8a7a}.sf-lamp{width:var(--cw);height:var(--ch);flex:none;justify-content:center;align-items:center;display:flex}.sf-lamp:before{content:"";aspect-ratio:1;background:var(--lamp,#444);width:62%;box-shadow:0 0 calc(var(--cw) * .5) var(--lamp,transparent), inset 0 -2px 2px #00000059;border-radius:50%;transition:background .4s}.sf-lamp[data-s=live]{--lamp:#3fcf7a}.sf-lamp[data-s=new]{--lamp:#f5c84c}.sf-lamp[data-s=delayed]{--lamp:#ff8f2e}.sf-lamp[data-s=due]{--lamp:#8fb6ff}.sf-lamp[data-s=off]{--lamp:#3a3a3c}@media (prefers-reduced-motion:no-preference){.sf-lamp[data-s=delayed]:before,.sf-lamp[data-s=new]:before{animation:1.1s step-end infinite sf-blink}}@keyframes sf-blink{50%{box-shadow:none;background:#3a3a3c}}.sf-lab{width:calc(var(--cw) * var(--w) + (var(--w) - 1) * var(--g));letter-spacing:.14em;text-transform:uppercase;color:#f3eee080;white-space:nowrap;flex:none;font-size:11px;font-weight:600}.sf-board{color:#f3eee0;background:radial-gradient(120% 80% at 50% 0,#ffffff0f,#0000 60%),#0e0e10;border-radius:20px;position:relative;box-shadow:0 30px 60px -20px #0b1c3f8c,inset 0 0 0 1px #ffffff0f,inset 0 2px #ffffff0d}.sf-board:before{content:"";opacity:.8;background:radial-gradient(3px at 3px 3px,#3a3a3e 2.5px,#0000 3px) 0/6px 6px no-repeat,radial-gradient(3px at 3px 3px,#3a3a3e 2.5px,#0000 3px) 100%/6px 6px no-repeat;height:6px;position:absolute;top:10px;left:10px;right:10px}.sf-title{letter-spacing:.06em;text-transform:uppercase;color:#f5c84c;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700}.sf-row{outline-offset:3px;border-radius:4px;outline:2px solid #0000;transition:outline-color .2s;display:block}.sf-row:hover,.sf-row:focus-visible{outline-color:#f5c84c8c}.sf-key{font-family:Barlow Condensed,Arial Narrow,sans-serif}.sf-clock{width:92px;display:block}.sf-verdict[data-tone=right]{filter:drop-shadow(0 0 10px #7be0a040)}.sf-verdict[data-tone=wrong]{filter:drop-shadow(0 0 10px #ff8a7a40)}.sf-cover{background:radial-gradient(90% 70% at 50% 0,#f5c84c1f,#0000 60%),linear-gradient(#17171a,#0b0b0d)}