@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(10px,2.4vw,16px) clamp(22px,7vw,54px);text-align:center;min-width:min(94vw,440px);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(30px,9vw,62px);letter-spacing:.1em;color:var(--white);text-transform:uppercase;line-height:1.1;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;flex-direction:column;align-items:center;gap:clamp(16px,3.5vh,30px)}.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)}}