@font-face{font-family:Anton;src:url(/fonts/anton-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--yellow: #fdd405;--black: #121315;--white: #ffffff;--green: #0e9e37;--slate: #22383c;--mist: #efefef;--ink-soft: rgba(34, 56, 60, .68);--hairline: rgba(18, 19, 21, .12);--reel-void: #08090a;--display: "Go Bold", "Anton", "Haettenschweiler", "Arial Narrow Bold", Impact, sans-serif;--body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cell: clamp(46px, min(13vw, 13vh), 104px);--reel-gap: clamp(7px, 2.2vw, 16px);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:linear-gradient(180deg,#eef3ee,#e6efe7 46%,#dceadd),radial-gradient(120% 90% at 50% 120%,#d3e6d7,#d3e6d700 60%);background-color:#e6efe7;color:var(--black);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.backdrop__hill{fill:#cfe3d3;opacity:.55}.backdrop__hill--far{fill:#c3dbc8;opacity:.5}.backdrop__ring{fill:none;stroke:#0e9e37;stroke-width:2;opacity:.16}.backdrop__bars rect{fill:none;stroke:#0e9e37;stroke-width:2;opacity:.16}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.app{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,3vh,28px);padding:clamp(16px,4vw,34px);padding-bottom:max(clamp(16px,4vw,34px),env(safe-area-inset-bottom));overflow-x:hidden}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px}.masthead__logo{height:clamp(26px,6vw,52px);width:auto;display:block}.masthead__title{font-family:var(--display);font-size:clamp(15px,3.4vw,22px);letter-spacing:.06em;text-transform:uppercase;color:var(--black);border-bottom:4px solid var(--green);padding-bottom:2px;line-height:1}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,40px)}.readout{background:var(--black);border:4px solid var(--yellow);border-radius:var(--radius);padding:clamp(8px,1.6vw,12px) clamp(20px,5.5vw,44px);text-align:center;min-width:min(92vw,400px);transition:border-color .25s ease,background-color .25s ease}.readout__label{display:block;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);transition:color .25s ease}.readout__value{display:block;font-family:var(--display);font-size:clamp(26px,6.2vw,46px);letter-spacing:.08em;color:var(--white);text-transform:uppercase;line-height:1.08;font-variant-numeric:tabular-nums}.readout--win{background:var(--green);border-color:var(--black);animation:win-pulse .5s ease 3}.readout--win .readout__label,.readout--win .readout__value{color:var(--white)}@keyframes win-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.machine{display:flex;justify-content:center}.machine--stack{flex-direction:column;align-items:center;gap:clamp(16px,3.5vh,30px)}.machine--bench{flex-direction:row;align-items:flex-end;gap:clamp(10px,2.6vw,22px)}.cabinet{background:var(--black);border-radius:var(--radius);padding:clamp(12px,3vw,22px);display:flex;gap:var(--reel-gap);box-shadow:0 10px #12131524}.reel{width:var(--cell);height:var(--cell);overflow:hidden;background:var(--reel-void);border:3px solid var(--yellow);border-radius:10px;position:relative}.reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 26%,#0000 74%,#0000008c)}.reel--win{border-color:var(--green)}.reel__strip{display:flex;flex-direction:column;will-change:transform}.reel__digit{height:var(--cell);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:calc(var(--cell) * .62);line-height:1;color:var(--yellow);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.reel--win .reel__digit{color:var(--white)}.reel--settling{animation:thunk .18s ease-out}@keyframes thunk{0%{transform:translateY(0)}45%{transform:translateY(4px)}to{transform:translateY(0)}}.machine--wheel{flex-direction:column;align-items:center;gap:clamp(18px,3.6vh,32px)}.wheel{position:relative;width:clamp(240px,min(52vw,46vh),430px);aspect-ratio:1;display:grid;place-items:center}.wheel__svg{width:100%;height:100%;display:block;overflow:visible}.wheel__rotor{transform-box:fill-box;transform-origin:center;transition:transform 2.2s cubic-bezier(.18,.57,.4,1);will-change:transform}.wheel__label{font-family:var(--display);font-size:25px;letter-spacing:.01em}.wheel__label--win{font-size:30px}.wheel__star{font-family:var(--display);font-size:15px}.wheel__bulb{transition:fill .2s ease}.wheel__bulb--win{animation:bulb-flash .5s steps(1) infinite}@keyframes bulb-flash{0%{fill:#fff3c4}50%{fill:#0e9e37}}.wheel__pointer{position:absolute;top:-1%;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid var(--yellow);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));z-index:3}.wheel__pointer:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff0b8,#e6b23c 60%,#8a5f14);box-shadow:0 1px 3px #0006}.lever{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.lever__knob{width:clamp(38px,10vw,54px);height:clamp(38px,10vw,54px);background:var(--yellow);border:4px solid var(--black);border-radius:50%;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background-color .16s ease}.lever__shaft{width:clamp(8px,2vw,12px);flex:1;min-height:calc(var(--cell) * .95);background:var(--slate);border-radius:5px;margin-top:-3px;transition:transform .16s ease;transform-origin:bottom center}.lever__base{width:clamp(36px,9vw,50px);height:clamp(13px,3vw,18px);background:var(--black);border-radius:5px}.lever:not(:disabled):hover .lever__knob{filter:brightness(1.09)}.lever:not(:disabled):active .lever__knob,.lever.is-pulled .lever__knob{transform:translateY(clamp(30px,8vh,62px))}.lever:not(:disabled):active .lever__shaft,.lever.is-pulled .lever__shaft{transform:scaleY(.36)}.lever:disabled{cursor:not-allowed;opacity:.72}.clock{background:var(--black);border-radius:var(--radius);padding:clamp(12px,3vw,22px);display:flex;align-items:center;gap:var(--reel-gap);box-shadow:0 10px #12131524}.clock__cell{width:var(--cell);height:calc(var(--cell) * 1.15);display:flex;align-items:center;justify-content:center;background:var(--reel-void);border:3px solid var(--yellow);border-radius:10px;font-family:var(--display);font-size:calc(var(--cell) * .68);line-height:1;color:var(--yellow);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.clock__dot{width:clamp(8px,2vw,13px);height:clamp(8px,2vw,13px);border-radius:50%;background:var(--yellow);align-self:flex-end;margin-bottom:clamp(9px,2.2vw,16px);flex:none}.clock--win .clock__cell{border-color:var(--green);color:var(--white)}.clock--win .clock__dot{background:var(--green)}.control{min-width:clamp(190px,46vw,300px);padding:clamp(14px,2.4vh,20px) clamp(28px,7vw,52px);background:var(--yellow);color:var(--black);border:4px solid var(--black);border-radius:var(--radius);font-family:var(--display);font-size:clamp(19px,4.6vw,30px);letter-spacing:.08em;text-transform:uppercase;line-height:1;box-shadow:0 6px 0 0 var(--black);transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease;touch-action:manipulation}.control:not(:disabled):hover{background:#ffe340}.control:not(:disabled):active{transform:translateY(6px);box-shadow:0 0 0 0 var(--black)}.control--stop{background:var(--black);color:var(--white);border-color:var(--black);box-shadow:0 6px 0 0 var(--slate)}.control--stop:not(:disabled):hover{background:var(--slate)}.control--stop:not(:disabled):active{box-shadow:0 0 0 0 var(--slate)}.control:disabled{opacity:.6;cursor:not-allowed}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.hint--error{color:#b3261e}.controls{display:flex;gap:10px}.icon-button{width:46px;height:46px;border-radius:50%;background:var(--white);border:2px solid var(--hairline);display:grid;place-items:center;transition:transform .15s ease,border-color .15s ease}.icon-button:hover{transform:scale(1.06);border-color:var(--yellow)}.icon-button svg{width:21px;height:21px;display:block}.secret-trigger{position:fixed;left:50%;bottom:3px;transform:translate(-50%);width:68px;height:28px;padding:0;border:1px solid rgba(14,158,55,.09);background:#0e9e370a;border-radius:50%;cursor:default;z-index:25;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}.secret-trigger:hover{background:#0e9e371a}.secret-trigger:focus,.secret-trigger:focus-visible{outline:none}.peek-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:transparent}.peek{position:fixed;right:clamp(16px,4vw,34px);bottom:calc(clamp(16px,4vw,34px) + 56px);z-index:20;display:flex;align-items:center;gap:8px;padding:7px;border-radius:10px;background:#ffffff8c;border:1px solid rgba(18,19,21,.14);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:border-color .2s ease,background-color .2s ease}.peek__input{width:128px;padding:6px 9px;font-family:var(--body);font-size:13px;letter-spacing:.24em;color:var(--slate);background:#fff9;border:1px solid rgba(18,19,21,.1);border-radius:6px}.peek__input:focus{outline:none;border-color:#1213154d}.peek__dot{width:10px;height:10px;border-radius:50%;background:var(--green);flex:none;margin-right:3px}.peek--ok{border-color:var(--green);background:#0e9e3729}.peek--bad{animation:peek-shake .4s ease}@keyframes peek-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}50%{transform:translate(5px)}80%{transform:translate(-3px)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:15}.confetti span{position:absolute;top:-12vh;width:10px;height:18px;opacity:.95;animation:fall linear forwards}@keyframes fall{to{transform:translateY(120vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.readout--win,.reel--settling{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}@media (max-width: 380px){:root{--cell: 44px;--reel-gap: 5px}}@media (max-height: 560px) and (orientation: landscape){:root{--cell: clamp(36px, 9vh, 58px);--reel-gap: 5px}.app{gap:8px;padding:10px clamp(12px,3vw,24px)}.stage,.machine{gap:clamp(10px,2.4vh,18px)}.masthead__logo{height:clamp(20px,4.5vh,30px)}.readout{padding:5px clamp(18px,5vw,40px)}.readout__value{font-size:clamp(20px,6.4vh,36px)}.readout__label{font-size:12px}.clock{padding:clamp(7px,1.8vh,12px)}.clock__cell{height:var(--cell)}.control{padding:clamp(9px,2.2vh,14px) clamp(24px,6vw,44px);font-size:clamp(16px,4.4vh,24px);box-shadow:0 4px 0 0 var(--black)}.control:not(:disabled):active{transform:translateY(4px)}}