:root{--brand: #fdd966;--brand-dark: #ffc400;--brand-darker: #ffc107;--ink: #4d4d4d;--ink-strong: #222;--navy: #222e3c;--surface: #f5f6f9;--paper: #fff;--line: #ebebeb;--muted: #93979c;--win: #0cc485;--lose: #eb2771;--radius: 18px;--shadow: 0 8px 28px rgba(34, 46, 60, .1);--shadow-lift: 0 14px 40px rgba(34, 46, 60, .16);--gap: 20px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Rubik,system-ui,-apple-system,sans-serif;color:var(--ink-strong);background:#fffdf6;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background:radial-gradient(140% 108% at 50% -8%,#fdd9669e,#fdd9666b,#fdd96629 52%,#fdd96600 76%);pointer-events:none;z-index:0}#root{min-height:100dvh}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:14px clamp(14px,4vw,28px) clamp(18px,3vh,32px);overflow-y:auto}.topbar{width:100%;max-width:620px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.topbar__left,.langbar{display:flex;align-items:center;gap:6px}.brand{height:clamp(32px,6vh,46px);width:auto;object-fit:contain;flex:none}.screen{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap);flex:1;justify-content:center;padding-block:var(--gap);animation:rise .35s ease-out both}@keyframes rise{0%{opacity:0;translate:0 14px}}h1{font-size:clamp(28px,min(7vw,6vh),44px);font-weight:700;letter-spacing:-.02em;line-height:1.15}h2{font-size:clamp(20px,min(5vw,4.4vh),30px);font-weight:600;letter-spacing:-.01em;line-height:1.25}.sub{font-size:clamp(14px,2.1vh,17px);color:var(--ink);line-height:1.5;max-width:34ch}.muted{color:var(--muted);font-size:clamp(12px,1.7vh,14px)}.btn{font:inherit;font-weight:600;font-size:clamp(17px,2.4vh,20px);border:0;border-radius:999px;padding:clamp(13px,2vh,18px) 44px;min-height:clamp(50px,7.5vh,62px);background:var(--brand);color:var(--ink-strong);box-shadow:0 6px 0 var(--brand-dark),var(--shadow);cursor:pointer;transition:translate .08s,box-shadow .08s,opacity .15s;touch-action:manipulation;flex:none}.btn:active:not(:disabled){translate:0 4px;box-shadow:0 2px 0 var(--brand-dark),var(--shadow)}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.btn--wide{width:100%;max-width:340px}.btn--soft{background:#fff6d8;color:var(--ink-strong);box-shadow:0 4px 0 var(--brand),var(--shadow);font-size:clamp(15px,2vh,17px);min-height:clamp(44px,6vh,52px)}.btn--soft:active:not(:disabled){translate:0 3px;box-shadow:0 1px 0 var(--brand),var(--shadow)}.actions{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,12px);width:100%;margin-block-start:clamp(2px,1.4vh,14px)}.btn--dark{background:var(--navy);color:#fff;box-shadow:0 6px #131b25,var(--shadow)}.btn--dark:active:not(:disabled){box-shadow:0 2px #131b25,var(--shadow)}.lang{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 16px;cursor:pointer;touch-action:manipulation}.lang[aria-pressed=true]{background:var(--ink-strong);border-color:var(--ink-strong);color:#fff}.lang--icon{display:grid;place-items:center;padding:8px;width:38px;height:38px}.lang--icon svg{width:19px;height:19px;display:block}.lang--back{display:inline-flex;align-items:center;gap:3px;padding-inline:12px 16px;min-height:38px}.lang--back svg{width:17px;height:17px}[dir=rtl] .lang--back svg{scale:-1 1}@media(max-width:520px){.lang{padding:8px 12px;font-size:13px}.lang--back{padding-inline:10px}.lang--back span{display:none}}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2.4vh,22px);width:100%}.qr{width:min(48vw,27vh,210px);aspect-ratio:1;height:auto;display:block;margin-inline:auto;border-radius:10px;background:#fff;flex:none}.gmark{width:clamp(40px,7vh,54px);height:clamp(40px,7vh,54px);display:grid;place-items:center;background:var(--paper);border-radius:50%;box-shadow:var(--shadow);flex:none}.gmark svg{width:58%;height:58%}.hero{--hero-cycle: 7s;--fly-scale: 1;--fly-scale-mid: 1;position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.6vh,14px);direction:ltr}.hero__mark,.hero__title{display:flex;align-items:center;font-weight:700;line-height:1;white-space:nowrap}.hero__mark{font-size:clamp(36px,min(11vw,9vh),68px);color:var(--ink);letter-spacing:-.02em}.hero__the{align-self:flex-start;font-size:.22em;font-weight:600;color:var(--brand);background:var(--ink);border-radius:.12em;padding:.18em .3em;margin-inline-end:-.42em;translate:0 .45em;z-index:2}.hero__bag{position:relative;display:inline-flex;background:var(--brand);border-radius:.14em;padding:.1em .06em;margin-inline:.02em;transform-origin:50% 100%;animation:bag-squash var(--hero-cycle, 7s) ease-in-out infinite}.hero__handle{position:absolute;inset-inline:22%;bottom:100%;height:.3em;border:.05em solid var(--ink-soft, #9a9a9a);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0}.hero__slot{color:transparent;display:inline-block}.hero__slot--target{animation:slot-land var(--hero-cycle) infinite;transform-origin:50% 100%}.hero__title{font-size:clamp(26px,min(8vw,6.5vh),48px);color:var(--ink-strong);gap:.28em;letter-spacing:-.01em}.hero__word,.hero__amp{animation:title-in var(--hero-cycle, 7s) ease-out infinite}.hero__amp{color:var(--brand-dark)}.hero__flyer{position:absolute;top:var(--start-y, 0px);left:var(--start-x, 0px);font-size:clamp(36px,min(11vw,9vh),68px);font-weight:700;color:var(--ink);line-height:1;pointer-events:none;opacity:0;transform-origin:0 0}.hero--live .hero__flyer{animation:fly var(--hero-cycle) infinite}@keyframes fly{0%,16%{opacity:1;translate:0 0;rotate:0deg;scale:1}22%{translate:0 .07em;scale:1.06 .9;rotate:-5deg;animation-timing-function:ease-in}32%{translate:calc(var(--fly-swing, 96px) * .62) calc(var(--fly-lift, -96px) * .92);rotate:150deg;scale:1.04;animation-timing-function:ease-out}40%{translate:calc(var(--fly-x, 0px) + var(--fly-swing, 96px)) var(--fly-lift, -96px);rotate:250deg;scale:var(--fly-scale-mid);animation-timing-function:ease-in}48%{translate:calc(var(--fly-x, 0px) + var(--fly-swing, 96px) * .3) calc(var(--fly-y, 0px) * .55);rotate:330deg;scale:var(--fly-scale)}54%{translate:var(--fly-x, 0px) var(--fly-y, 0px);rotate:360deg;scale:var(--fly-scale);opacity:1}57%,to{translate:var(--fly-x, 0px) var(--fly-y, 0px);rotate:360deg;scale:var(--fly-scale);opacity:0}}@keyframes slot-land{0%,53%{color:transparent;scale:1 1}57%{color:var(--ink-strong);scale:1.16 .84}61%{scale:.96 1.06}66%,91%{color:var(--ink-strong);scale:1 1}97%,to{color:transparent;scale:1 1}}@keyframes bag-squash{0%,18%,30%,to{scale:1 1}24%{scale:1.1 .88}}@keyframes title-in{0%,38%{opacity:0;translate:0 10px}47%,93%{opacity:1;translate:0 0}to{opacity:0;translate:0 10px}}@media(prefers-reduced-motion:reduce){.hero__bag,.hero__word,.hero__amp,.hero__slot--target,.hero--live .hero__flyer{animation:none}.hero--live .hero__flyer{display:none}.hero__slot--target{color:var(--ink-strong)}.hero__word,.hero__amp{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.namebox{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.nameinput{font:inherit;font-size:clamp(18px,2.6vh,22px);font-weight:500;text-align:center;width:100%;max-width:340px;padding:14px 18px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink-strong)}.nameinput:focus{outline:none;border-color:var(--brand-dark)}.pinbox{background:var(--surface);border:1px dashed #d7d7d7;border-radius:var(--radius);padding:clamp(12px,2vh,18px);width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.field{display:flex;flex-direction:column;align-items:center;gap:5px}.field__label{font-size:12px;font-weight:600;color:var(--muted)}.pin,.amount{font:inherit;font-weight:600;text-align:center;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink-strong)}.pin{font-size:clamp(22px,3.2vh,28px);letter-spacing:.4em;text-indent:.4em;width:180px}.amount{font-size:clamp(20px,3vh,26px);width:180px;direction:ltr}.pin:focus,.amount:focus{outline:none;border-color:var(--brand-dark)}.input--bad{border-color:var(--lose);animation:shake .32s}@keyframes shake{25%{translate:-8px 0}50%{translate:8px 0}75%{translate:-4px 0}}.error{color:var(--lose);font-size:14px;font-weight:600;text-align:center}.picks{display:grid;gap:14px;width:100%}.pick{font:inherit;display:flex;align-items:center;gap:16px;text-align:start;background:var(--paper);border:2px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2.4vh,20px);cursor:pointer;transition:translate .12s,box-shadow .12s,border-color .12s}.pick:active{translate:0 2px;border-color:var(--brand-dark);box-shadow:var(--shadow-lift)}.pick__icon{flex:none;width:clamp(46px,7vh,56px);height:clamp(46px,7vh,56px);border-radius:14px;background:var(--brand);display:grid;place-items:center;font-size:clamp(23px,3.6vh,28px)}.pick__title{display:block;font-size:clamp(16px,2.4vh,19px);font-weight:600;color:var(--ink-strong)}.pick__sub{display:block;font-size:clamp(12px,1.8vh,14px);color:var(--muted);margin-block-start:2px}.wheel-wrap{position:relative;width:min(82vw,48vh,370px);aspect-ratio:1;flex:none;container-type:inline-size}.wheel{width:100%;height:100%;border-radius:50%;position:relative;box-shadow:0 0 0 10px var(--paper),0 0 0 13px var(--brand-dark),var(--shadow-lift);transition:rotate 4.5s cubic-bezier(.16,.86,.05,1)}.wheel__label{position:absolute;left:50%;top:0;width:19%;height:50%;margin-left:-9.5%;transform-origin:50% 100%;display:flex;justify-content:center;align-items:flex-start;padding-block-start:13%;font-size:clamp(8px,3.5cqw,12px);font-weight:700;pointer-events:none}.wheel__label span{display:block;line-height:1.1;color:var(--ink-strong);-webkit-hyphens:none;hyphens:none}.wheel__label--respin span{letter-spacing:.02em}.wheel__label--on-navy span{color:#fff}.wheel__label--lose span{font-weight:500;opacity:.7}.wheel__hub{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:22%;height:22%;border-radius:50%;background:var(--paper);box-shadow:var(--shadow),inset 0 0 0 4px var(--brand-dark);z-index:2}.wheel__pointer{position:absolute;inset-block-start:-18px;inset-inline-start:50%;translate:-50% 0;z-index:3;width:0;height:0;border-inline:15px solid transparent;border-block-start:26px solid var(--navy);filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(52px,min(17vw,15vh),104px);letter-spacing:-.03em;line-height:1;color:var(--ink-strong);direction:ltr}.clock small{font-size:.42em;font-weight:600;color:var(--muted);margin-inline-start:6px}.clock--running{color:var(--brand-darker)}.target-pill{display:inline-block;background:var(--navy);color:#fff;font-size:clamp(13px,1.9vh,15px);font-weight:600;border-radius:999px;padding:8px 20px}.track{position:relative;width:100%;height:clamp(96px,17vh,132px);background:var(--navy);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lift);flex:none}.track:after{content:"";position:absolute;inset-block-start:50%;inset-inline:0;height:4px;translate:0 -2px;background:repeating-linear-gradient(to right,rgba(255,255,255,.55) 0 26px,transparent 26px 52px)}.car{position:absolute;inset-block-start:50%;left:0;width:clamp(52px,9vw,66px);aspect-ratio:66 / 34;translate:-50% -50%;z-index:2}.car--ghost{z-index:1;opacity:.7}.tick{position:absolute;left:0;translate:-50% 0;width:2px;z-index:3;border-radius:2px}.tick--ghost{inset-block:10px 50%;background:#ffffffe6}.tick--car{inset-block:50% 10px;background:var(--brand-dark)}.car svg{width:100%;height:100%;display:block}.screen--result{position:relative}.verdict{font-size:clamp(28px,min(8vw,7vh),50px);font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.verdict--win{color:var(--win)}.verdict--lose{color:var(--lose)}.funline{font-size:clamp(15px,2.4vh,19px);font-weight:500;color:var(--ink-strong);max-width:26ch}.burst{font-size:clamp(42px,8vh,66px);line-height:1;animation:pop .5s cubic-bezier(.2,1.6,.4,1) both,float 2.6s ease-in-out .5s infinite}@keyframes pop{0%{scale:.3;opacity:0}}@keyframes float{50%{translate:0 -8px}}.burst--happy svg{animation:face-jiggle .9s ease-in-out infinite}@keyframes face-jiggle{0%,to{rotate:-8deg}50%{rotate:8deg}}.burst--sad svg{animation:face-sulk 2.4s ease-in-out infinite}@keyframes face-sulk{0%,to{rotate:-5deg;translate:0 0}50%{rotate:5deg;translate:0 4px}}.tear{animation:tear-drip 1.8s ease-in infinite;transform-box:fill-box}@keyframes tear-drip{0%{translate:0 0;opacity:0;scale:.6}30%{opacity:1;scale:1}to{translate:0 10px;opacity:0}}.qr--live>svg{display:block;width:100%;height:100%}.countdown{font-size:clamp(48px,12vh,86px);font-weight:700;line-height:1;color:var(--ink-strong);font-variant-numeric:tabular-nums}.lang--select{appearance:none;padding-inline-end:30px;max-width:42vw;text-overflow:ellipsis;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%234D4D4D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:11px}[dir=rtl] .lang--select{background-position:left 11px center;padding-inline-end:16px;padding-inline-start:30px}.lang--select:disabled{opacity:.7;cursor:default}.prizebadge{font-size:clamp(17px,2.7vh,22px);font-weight:700;color:var(--ink-strong);background:var(--brand);border-radius:14px;padding:12px 18px;box-shadow:inset 0 0 0 2px var(--brand-dark);line-height:1.35}.stack{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.appcard{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,12px);text-align:center}.appcard__head{display:flex;align-items:center;justify-content:center;gap:12px}.appcard__names{text-align:start}.appcard__hint{display:block;font-size:12px;color:var(--muted);margin-block-start:3px}.appicon{width:clamp(44px,7vh,54px);height:clamp(44px,7vh,54px);object-fit:contain;border-radius:13px;box-shadow:0 4px 14px #222e3c2e;flex:none}.appcard__label{display:block;font-size:12px;font-weight:500;color:var(--muted)}.appcard__name{display:block;font-size:clamp(16px,2.3vh,19px);font-weight:700;color:var(--ink-strong)}.gameicon{width:clamp(48px,8vh,66px);height:auto;flex:none}.minicon{width:24px;height:auto;flex:none}.pick__icon svg{width:66%;height:auto;display:block}.burst svg{width:clamp(52px,9vh,78px);height:auto;display:block}.verdict-mini{display:inline-flex;align-items:center;gap:8px;font-size:clamp(15px,2.2vh,18px);font-weight:600;color:var(--ink-strong)}.spinhead{display:flex;align-items:center;gap:12px;margin-block-end:clamp(10px,2.5vh,26px)}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}.modal__backdrop{position:absolute;inset:0;border:0;padding:0;background:#222e3c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.modal__panel{position:relative;width:100%;max-width:480px;max-height:100%;overflow-y:auto;background:var(--paper);border-radius:22px;box-shadow:0 24px 60px #222e3c4d;padding:18px;display:flex;flex-direction:column;gap:14px;animation:rise .25s ease-out both}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal__title{font-size:14px;font-weight:600;color:var(--muted);text-align:start}.modal__x{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.modal__x svg{width:17px;height:17px}.practice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.modal__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-block-start:6px;padding-block-start:14px;border-block-start:1px solid var(--line)}.modal__actions .btn{font-size:16px;min-height:48px;padding:12px 26px;flex:1 1 auto;max-width:200px}.fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fx__burst{position:absolute;width:0;height:0}.fx__spark{position:absolute;width:9px;height:9px;border-radius:50%;opacity:0;animation:spark 1.9s ease-out infinite}@keyframes spark{0%{translate:0 0;scale:.4;opacity:0}12%{opacity:1;scale:1}to{translate:var(--dx) calc(var(--dy) + 26px);scale:.25;opacity:0}}.screen--result>*:not(.fx){position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.fx{display:none}.burst{animation:pop .4s ease-out both}.burst svg,.tear{animation:none}.screen{animation:none}}@media(max-height:840px){:root{--gap: 14px}}@media(max-height:600px){:root{--gap: 9px}.app{padding-block:10px 14px}.sub{line-height:1.4}}@media(orientation:landscape)and (min-width:820px){.screen,.topbar{max-width:900px}.screen--result,.screen--review,.screen--retry{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-content:center;justify-items:center;column-gap:28px}.screen--result>.burst,.screen--result>.verdict,.screen--result>.funline,.screen--result>.actions,.screen--result>.sub,.screen--review>.gmark,.screen--review>h2,.screen--review>.sub,.screen--review>.actions,.screen--retry>.burst,.screen--retry>h2,.screen--retry>.sub,.screen--retry>.actions{grid-column:1 / -1}.screen--result .card,.screen--review .card,.screen--review .pinbox{align-self:stretch}.screen--retry>.card,.screen--awaiting>.card{grid-column:1 / -1;max-width:460px}.screen--lost>.card{grid-column:1 / -1;max-width:460px}.picks{grid-template-columns:1fr 1fr}}@media(max-width:520px){:root{--gap: 12px}.appcard{flex-direction:row;justify-content:center;gap:14px}.appcard>*{flex:0 0 auto}.appcard .qr{width:min(38vw,148px)}.appcard__head{flex-direction:column;gap:6px}.appcard__names{text-align:center}.burst svg{width:clamp(38px,6.5vh,48px)}.prizebadge{font-size:clamp(15px,2.1vh,17px);padding:9px 13px}.funline{font-size:15px}.verdict{font-size:clamp(26px,7vw,34px)}}