.board{flex-direction:column;align-items:center;gap:clamp(.5rem,1.4vw,1rem);display:inline-flex}.board__reels{gap:clamp(.2rem,.55vw,.5rem);display:flex}.board__keys{padding-bottom:var(--key-throw);gap:clamp(.25rem,.7vw,.6rem);display:flex}.board__key{width:var(--key-w);height:var(--key-h);border-radius:calc(var(--key-h) * .36);box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 1px #000000e6, 0 var(--key-throw) 0 #000, 0 calc(var(--key-throw) + 3px) 8px #5a3a0073;transition:transform .12s var(--e-out), box-shadow .12s var(--e-out);background:linear-gradient(#444 0%,#171717 46%,#050505 100%);padding:0;position:relative}.board__key-face{pointer-events:none;background:linear-gradient(#ffffff29,#fff0);border-radius:999px;position:absolute;inset:12% 14% 46%}.board__key:hover{background:linear-gradient(#525252 0%,#1d1d1d 46%,#070707 100%)}.board__key:active{transform:translateY(var(--key-throw));box-shadow:inset 0 1px #fff3,inset 0 2px 4px #000000e6,0 0 #000,0 1px 3px #5a3a0080}@media (prefers-reduced-motion:reduce){.board__key{transition:none}}.reel{display:block}.reel__frame{padding:var(--frame-pad);background:linear-gradient(148deg, var(--bevel-hi) 0%, var(--bevel) 45%, var(--bevel-lo) 100%);box-shadow:0 1px 0 #fff9 inset, 0 -1px 0 #0006 inset, 0 4px 14px var(--shadow);border-radius:2px;display:block}.reel__window{width:var(--cell-w);height:var(--cell-h);background:var(--card);border-radius:1px;display:block;position:relative;overflow:hidden}.reel__strip{--i:0;transform:translate3d(0, calc(var(--i) * var(--cell-h) * -1), 0);will-change:transform;transition:transform 1.25s cubic-bezier(.2,.9,.15,1);display:block}.reel__strip--fast{transition:transform .42s cubic-bezier(.3,1.5,.5,1)}.reel__strip.is-instant{transition:none}.board__sep{font-family:var(--font-display);font-size:var(--cell-type);color:var(--ink);place-items:center;padding-inline:.1em;font-weight:800;line-height:1;display:grid}.board--digits .reel__cell{font-variant-numeric:tabular-nums}.reel__cell{width:var(--cell-w);height:var(--cell-h);font-family:var(--font-display);font-size:var(--cell-type);color:var(--ink);letter-spacing:-.03em;background:linear-gradient(180deg, var(--card-lo) 0%, var(--card-hi) 26%, var(--card-hi) 74%, var(--card-lo) 100%);place-items:center;font-weight:800;line-height:1;display:grid}.reel__cell.is-ball{background:linear-gradient(180deg, var(--card-lo), var(--card-hi) 50%, var(--card-lo))}.reel__ball{aspect-ratio:1;border-radius:50%;width:62%;display:block;box-shadow:inset -.12em -.16em .4em #00000073,inset .16em .18em .34em #ffffff8c}.reel__ball--red{background:radial-gradient(circle at 32% 28%, #ff6a6a, var(--ball-red) 46%, #5a0009)}.reel__ball--teal{background:radial-gradient(circle at 32% 28%, #7fe6c6, var(--ball-teal) 46%, #04352a)}.reel__ball--blue{background:radial-gradient(circle at 32% 28%, #9ad8f7, var(--ball-blue) 46%, #073a5c)}.reel__ball--orange{background:radial-gradient(circle at 32% 28%, #ffc48c, var(--ball-orange) 46%, #6b2f00)}.reel__ball--coral{background:radial-gradient(circle at 32% 28%, #ffa595, var(--ball-coral) 46%, #5e1108)}.reel__shade{pointer-events:none;background:linear-gradient(#00000057,#0000 22%),linear-gradient(#0000 80%,#00000047),linear-gradient(90deg,#00000024,#0000 12% 88%,#00000024);position:absolute;inset:0}.board--lg{--cell-w:clamp(3.5rem, 8.2vw, 8.5rem);--cell-h:clamp(5rem, 11.8vw, 12.2rem);--cell-type:clamp(3rem, 7.2vw, 7.6rem);--frame-pad:clamp(.18rem, .45vw, .45rem);--key-w:clamp(2.1rem, 4.8vw, 5rem);--key-h:clamp(1.05rem, 2.3vw, 2.4rem);--key-throw:clamp(3px, .45vw, 5px)}.board--md{--cell-w:clamp(2.1rem, 3.6vw, 3.6rem);--cell-h:clamp(3rem, 5.2vw, 5.2rem);--cell-type:clamp(1.7rem, 3vw, 3rem);--frame-pad:.2rem;--key-w:clamp(1.3rem, 2.2vw, 2.2rem);--key-h:clamp(.65rem, 1.1vw, 1.1rem);--key-throw:3px}.board--sm{--cell-w:clamp(1.4rem, 2.1vw, 2.1rem);--cell-h:clamp(2rem, 3vw, 3rem);--cell-type:clamp(1.05rem, 1.6vw, 1.6rem);--frame-pad:.14rem;--key-w:.9rem;--key-h:.5rem;--key-throw:2px}@media (prefers-reduced-motion:reduce){.reel__strip{transition:none}}.foot{z-index:var(--z-content);padding:clamp(4rem, 12svh, 8rem) var(--rail) clamp(1.75rem, 4svh, 3rem);color:var(--yellow);background:var(--ink);isolation:isolate;position:relative;overflow:hidden}.foot__hero{text-align:center;flex-direction:column;align-items:center;gap:clamp(.5rem,1.4svh,1rem);display:flex}.foot__mark{animation:foot-float 5s var(--e-inout) infinite alternate;margin-bottom:clamp(1rem,3svh,2.25rem)}@keyframes foot-float{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.foot__eyebrow{color:#ffc50099}.foot__title{color:var(--yellow);letter-spacing:-.055em;font-size:clamp(2.4rem,8vw,8rem);font-weight:900}.foot__board{opacity:.9;margin-top:clamp(1.5rem,5svh,3.5rem)}.segpill{isolation:isolate;border:2px solid #ffc50066;border-radius:999px;margin-top:clamp(1rem,3svh,1.75rem);padding:.3rem;display:flex;position:relative}.segpill__thumb{z-index:-1;width:calc((100% - .6rem) / var(--n,2));background:var(--yellow);transform:translateX(calc(var(--i) * 100%));transition:transform .5s var(--e-out);border-radius:999px;position:absolute;top:.3rem;bottom:.3rem;left:.3rem}.segpill__item{font-family:var(--font-display);font-size:var(--t-sm);color:#ffc500b3;text-align:center;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;transition:color .35s var(--e-out);border-radius:999px;flex:1;padding:.5rem clamp(1rem,2.2vw,1.9rem);font-weight:800}.segpill__item.is-on{color:var(--ink)}.foot__bar{border-top:1px solid #ffc50033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem clamp(1.25rem,3vw,2.5rem);margin-top:clamp(2.5rem,8svh,5rem);padding-top:clamp(2.5rem,8svh,5rem);display:flex}.foot__brand{font-family:var(--font-display);font-size:var(--t-sm);text-transform:uppercase;letter-spacing:-.02em;color:var(--yellow);align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.foot__brand .mono{color:#ffc5008c;text-transform:none;letter-spacing:.04em;font-weight:600}.foot__contract{font-size:var(--t-micro);color:#ffc5008c;align-items:center;gap:.6rem;display:inline-flex}.foot__contract code{color:var(--yellow);overflow-wrap:anywhere;background:#ffc5001a;border-radius:2px;padding:.25rem .55rem;font-family:inherit}.foot__links{font-size:var(--t-sm);gap:clamp(.9rem,2vw,1.75rem);font-weight:700;display:flex}.foot__links a{color:#ffc500b3;transition:color .25s var(--e-out)}.foot__links a:hover{color:var(--yellow)}.foot__legal{max-width:78ch;font-size:var(--t-xs);color:#ffc50080;margin-top:clamp(1.5rem,4svh,2.25rem);font-weight:500;line-height:1.65}@media (width<=760px){.foot__bar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.foot__mark{animation:none}}