.boot{display:none}html.boot-on{overflow:hidden}html.boot-on .boot{z-index:1000;background:var(--bk,#fff);place-items:center;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:fixed;inset:0}html.boot-on.boot-leaving .boot{opacity:0;visibility:hidden}.boot__stage{--cell:21vw;--rows:5;justify-items:center;gap:calc(var(--cell) * .1);display:grid}@media (orientation:landscape),(min-width:900px){.boot__stage{--cell:min(20svh, 15vw);--rows:3}}.boot__logo{width:calc(var(--cell) * 1.25);height:auto;color:var(--wp,#0d0d0d);margin-bottom:calc(var(--cell) * .05)}@media (orientation:landscape),(min-width:900px){.boot__logo{width:calc(var(--cell) * .95)}}.boot__machine{align-items:center;gap:calc(var(--cell) * .12);display:flex}.slot{gap:0;display:flex;-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%)}.slot__reel{width:calc(var(--cell) * 1.02);height:calc(var(--cell) * var(--rows));position:relative;overflow:hidden}.slot__track{will-change:transform;position:absolute;inset:0 0 auto}.slot__cell{height:var(--cell);place-items:center;display:grid}.slot__icon{width:48%;height:48%}.slot__letter{width:auto;height:56%;fill:var(--wp,#0d0d0d)}.slot__win{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto}.boot__lever{--reach:calc(var(--cell) * 1.55);width:calc(var(--cell) * .34);height:calc(var(--cell) * 2.1);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.boot__lever:disabled{cursor:default}.boot__lever:after{content:"";width:calc(var(--cell) * .12);height:calc(var(--cell) * .12);background:var(--wp,#0d0d0d);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.boot__lever-arm{width:2px;height:calc(100% - var(--cell) * .13);background:var(--wp,#0d0d0d);transform-origin:50% 100%;margin-left:-1px;position:absolute;bottom:0;left:50%}.boot__lever-knob{width:calc(var(--cell) * .26);height:calc(var(--cell) * .26);background:var(--wp,#0d0d0d);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.boot__lever:not(:disabled):hover .boot__lever-knob{transform:translate(-50%)scale(1.08)}.boot__lever.is-pulled .boot__lever-knob{animation:.9s cubic-bezier(.3,.7,.2,1) both lever-knob}.boot__lever.is-pulled .boot__lever-arm{animation:.9s cubic-bezier(.3,.7,.2,1) both lever-arm}@keyframes lever-knob{0%{transform:translate(-50%)}30%{transform:translate(-50%, var(--reach))}62%{transform:translate(-50%, calc(var(--reach) * -.08))}80%{transform:translate(-50%, calc(var(--reach) * .03))}to{transform:translate(-50%)}}@keyframes lever-arm{0%{transform:scaleY(1)}30%{transform:scaleY(.12)}62%{transform:scaleY(1.04)}80%{transform:scaleY(.985)}to{transform:scaleY(1)}}.boot__stop{background:var(--wp,#0d0d0d);min-height:56px;color:var(--bk,#fff);font:600 14.5px/1 var(--f);letter-spacing:-.005em;cursor:pointer;border:0;border-radius:999px;padding:0 40px;transition:opacity .25s,transform .15s}.boot__stop:hover{opacity:.85}.boot__stop:active{transform:scale(.97)}.boot__stop:focus,.boot__stop:focus-visible{outline:none}.boot__stop:disabled{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){html.boot-on .boot{transition:none}}
