.stage--fair{--ground: clamp(3rem, 7vh, 4.5rem);--px: 0;--py: 0;--ink: #1b1638;--cream: #fff4dc;--coral: #ef6f5a;--honey: #f6b73c;--teal: #3fbfb2;--header-h: 3.7rem;--n: 3;--machine-max: min(88vw, 46rem);--reel-base: clamp(2.25rem, 1.78rem + 1.96vw, 4.1rem);--reel-boost: 1.22;--reel-w-raw: max(1.85rem, min(calc(var(--reel-base) * var(--reel-boost)), calc((var(--machine-max) - 3rem) / var(--n) - .45rem)));--reel-h: min(calc(var(--reel-w-raw) / .7), 26svh);--reel-w: calc(var(--reel-h) * .7);--reel-gap: clamp(.22rem, .12 * var(--reel-w), .65rem);min-height:calc(100svh - var(--header-h));color:var(--cream);background:linear-gradient(180deg,#1a1f5c,#232a7a 40%,#2d2f7f,#1d1a4a)}.stage--fair .stage__scene>*{position:absolute;pointer-events:none}.stage--fair .scene__sky{inset:0;background:linear-gradient(180deg,#1a1f5c,#232a7a 55%,#2a2b6f)}.stage--bg.stage--fair .scene__sky{background:linear-gradient(#232a7a24,#232a7a24),url(../img/game/fair/sky.webp) 50% 42% / cover no-repeat,#1f2466}.stage--fair .scene__stars{inset:0 0 45%;background:radial-gradient(1.5px 1.5px at 12% 22%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 44% 30%,#ffe9b0 60%,transparent 61%),radial-gradient(1.5px 1.5px at 73% 34%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 6% 46%,#fff 60%,transparent 61%);opacity:.8;animation:fair-twinkle 4.8s ease-in-out infinite alternate;animation-play-state:paused}.stage--fair .scene__stars:before,.stage--fair .scene__stars:after{content:"";position:absolute;inset:0;animation:fair-twinkle 6.5s ease-in-out -2s infinite alternate}.stage--fair .scene__stars:before{background:radial-gradient(1.5px 1.5px at 28% 8%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 61% 14%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 93% 40%,#fff 60%,transparent 61%)}.stage--fair .scene__stars:after{background:radial-gradient(2px 2px at 86% 10%,#ffe9b0 60%,transparent 61%),radial-gradient(1.5px 1.5px at 52% 50%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 20% 60%,#d9fff6 60%,transparent 61%);animation-duration:8.2s;animation-delay:-4s}.stage--fair.is-live .scene__stars,.stage--fair.is-live .scene__stars:before,.stage--fair.is-live .scene__stars:after{animation-play-state:running}.stage--bg.stage--fair .scene__stars{opacity:.45}@keyframes fair-twinkle{0%{opacity:.25;transform:translateY(0)}to{opacity:.8;transform:translateY(-6px)}}.stage--fair .scene__cones{inset:0;background:linear-gradient(115deg,rgba(255,244,220,.14),transparent 45%) left top / 60% 80% no-repeat,linear-gradient(245deg,rgba(255,244,220,.14),transparent 45%) right top / 60% 80% no-repeat;opacity:.45;animation:fair-sweep 9s ease-in-out infinite;animation-play-state:paused}.stage--fair.is-live[data-state=idle] .scene__cones{animation-play-state:running}@keyframes fair-sweep{0%,70%,to{opacity:.45}82%{opacity:1}}.stage--fair .scene__town{left:50%;top:calc(50% + 25svh);width:112vw;height:21svh;translate:-50% -100%;opacity:.72;background:linear-gradient(180deg,transparent 0 55%,rgba(27,22,56,.9) 56%) center / 100% 100% no-repeat;-webkit-mask:linear-gradient(180deg,transparent,#000 40%);mask:linear-gradient(180deg,transparent,#000 40%)}.stage--art.stage--fair .scene__town{background:url(../img/game/fair/festival-town.webp) center bottom / 100% auto no-repeat;-webkit-mask:none;mask:none}.stage--fair .scene__tent{left:50%;top:calc(50% - 3svh);width:clamp(44rem,76vw,90rem);max-width:96vw;aspect-ratio:1400 / 691;translate:-50% -50%;opacity:.75;background:linear-gradient(180deg,transparent 0 22%,var(--honey) 22% 26%,#22306e 26%) center / 100% 100% no-repeat,repeating-linear-gradient(90deg,var(--coral) 0 3rem,var(--cream) 3rem 6rem) center top / 100% 24% no-repeat;border-radius:40% 40% 0 0/12% 12% 0 0}.stage--art.stage--fair .scene__tent{background:url(../img/game/fair/tent.webp) center bottom / contain no-repeat;border-radius:0}.stage--fair .scene__floor{left:0;right:0;top:calc(50% + 17svh);bottom:0;background:radial-gradient(60vw 22svh at 50% 0,rgba(246,183,60,.22),transparent 70%),linear-gradient(180deg,#2b2358,#232a7a 45%,#1b1638)}.stage--fair .scene__mist{left:50%;top:calc(50% + 15svh);width:130vw;height:22svh;translate:-50% 0;opacity:.5;mix-blend-mode:screen;background:radial-gradient(40% 60% at 30% 60%,rgba(63,191,178,.25),transparent 70%),radial-gradient(40% 60% at 70% 50%,rgba(63,191,178,.2),transparent 70%);animation:fair-mist 20s linear infinite alternate;animation-play-state:paused}.stage--art.stage--fair .scene__mist{opacity:.3;background:url(../img/game/fair/mist-floor.webp) center top / 100% auto no-repeat}.stage--fair.is-live .scene__mist{animation-play-state:running}@keyframes fair-mist{0%{translate:calc(-50% - 2vw) 0}to{translate:calc(-50% + 2vw) 0}}.stage--fair .scene__lights{left:-2%;right:-2%;top:max(2.6rem,calc(50% - var(--reel-h) / 2 - 13rem - 5.5rem));height:5.5rem;background:radial-gradient(circle at 50% 30%,#ffe08a 0 .3rem,rgba(255,224,138,.45) .31rem .6rem,transparent .61rem) 0 0 / 4rem 3rem repeat-x,linear-gradient(180deg,transparent 0 .2rem,rgba(255,255,255,.25) .2rem .3rem,transparent .3rem);opacity:.82;transform-origin:50% 0;animation:fair-flags 3.2s ease-in-out infinite alternate;animation-play-state:paused}.stage--art.stage--fair .scene__lights{background:url(../img/game/fair/lights.webp) center top / auto 100% repeat-x}.stage--fair.is-live .scene__lights{animation-play-state:running}@keyframes fair-flags{0%{transform:skew(-1.5deg) rotate(-.4deg)}to{transform:skew(1.5deg) rotate(.4deg)}}.stage--fair .scene__props{display:none}@media(min-width:48em){.stage--art.stage--fair .scene__props{display:block;left:50%;top:calc(50% + 8svh);width:clamp(60rem,100vw,110rem);max-width:100vw;aspect-ratio:2.4 / 1;translate:-50% -50%;opacity:.82;background:url(../img/game/fair/side-props.webp) center / contain no-repeat}}.stage--fair .scene__glow{left:50%;top:50%;width:min(70%,40rem);aspect-ratio:2 / 1;translate:-50% -50%;background:radial-gradient(ellipse at center,rgba(246,183,60,.34),transparent 70%);filter:blur(42px);opacity:.55;animation:fair-breathe 4.5s ease-in-out infinite alternate;animation-play-state:paused}.stage--fair.is-live .scene__glow{animation-play-state:running}.stage--fair.is-spinning .scene__glow{opacity:.9;animation:none}@keyframes fair-breathe{0%{opacity:.5}to{opacity:.62}}.stage--fair .scene__post{inset:0;background:radial-gradient(ellipse 78% 68% at 50% 50%,transparent 52%,rgba(8,10,45,.48) 100%),linear-gradient(180deg,rgba(8,10,45,.36) 0,transparent 32svh),linear-gradient(0deg,rgba(8,10,45,.34) 0,transparent 32%)}.stage--fair:not([data-state=idle]) .scene__sky,.stage--fair:not([data-state=idle]) .scene__town,.stage--fair:not([data-state=idle]) .scene__tent,.stage--fair:not([data-state=idle]) .scene__props{filter:brightness(.93) saturate(.92);transition:filter .6s}.stage--fair .stage__pier{position:absolute;left:0;right:0;bottom:0;z-index:1;min-height:var(--ground);padding:0;background:none;border:0;box-shadow:none}.stage--fair .stage__hud{position:absolute;top:0;left:0;right:0;z-index:4}.stage--fair .stage__chip{background:#fff4dce6;color:var(--ink)}.stage--fair .stage__summary{background:#fff4dcf0;color:var(--ink);font-size:var(--text-sm)}.stage--fair .stage__tips{display:none}.stage--fair .stage__body,.stage--fair[data-state=idle] .stage__body{position:absolute;inset:0;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-content:stretch;justify-items:center;gap:0;padding:0 var(--space-3);text-align:center;overflow:hidden}.fair-top,.fair-bottom{display:grid;min-height:0;width:100%;justify-items:center;gap:var(--space-2);overflow:auto;scrollbar-width:thin}.fair-top{align-content:end;padding-top:3.4rem;padding-bottom:clamp(1.25rem,3svh,2rem)}.fair-bottom{align-content:start;padding-top:var(--space-3);padding-bottom:calc(var(--ground) + var(--space-2))}.stage--fair .stage__title-wrap:not([data-custom]){max-width:min(100%,44rem);justify-self:center;margin-inline:auto;padding:.55rem 1.2rem .7rem;border:2px solid rgba(255,244,220,.75);border-radius:.9rem;background:#14184cc7;box-shadow:0 4px 18px #00000073;text-align:center}.stage--fair .stage__title{--title-size: clamp(1.4rem, 2.4vw, 2.5rem);color:var(--cream);line-height:1.12;text-shadow:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(min-width:64em){.stage--fair .stage__body,.stage--fair .stage__pier{padding-left:var(--space-3)}}@media(prefers-reduced-motion:reduce){.stage--fair .scene__stars,.stage--fair .scene__stars:before,.stage--fair .scene__stars:after,.stage--fair .scene__cones,.stage--fair .scene__mist,.stage--fair .scene__lights,.stage--fair .scene__glow{animation:none!important}}.slot{display:grid;grid-template-columns:auto auto;align-items:center;gap:.5rem;width:fit-content;max-width:100%;margin-inline:auto;filter:drop-shadow(0 18px 30px rgba(0,0,30,.45))}.slot__frame{display:grid;gap:.6rem;padding:.9rem 1rem .75rem;border-radius:1.4rem;background:linear-gradient(180deg,#fff9ea,#f6dfb8 60%,#e6c48f);border:4px solid var(--honey);box-shadow:inset 0 2px #fff,inset 0 -6px #78460a2e;color:var(--ink)}.slot__window{position:relative;display:flex;align-items:center;gap:.45rem;padding:.55rem;border-radius:.9rem;background:#1b1638;box-shadow:inset 0 6px 14px #0009,inset 0 -4px 10px #0006,0 0 0 3px #b8894a}.slot__sign{font-size:calc(var(--reel-h) * .45);font-weight:800;color:var(--cream);line-height:1;padding-left:.25rem}.slot__reels{display:flex;gap:var(--reel-gap)}.slot__frame{position:relative}.slot__frame:before{content:"";position:absolute;inset:-.55rem;border-radius:1.8rem;padding:.28rem;background:repeating-conic-gradient(from 0deg,#ffe08a 0 6deg,transparent 6deg 30deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s;pointer-events:none}.stage--fair.is-spinning .slot__frame:before{opacity:.9;animation:chase .7s linear infinite}@keyframes chase{to{transform:rotate(30deg)}}.reel{position:relative;width:var(--reel-w);height:var(--reel-h);overflow:hidden;border-radius:.45rem;background:#fff6e4;box-shadow:inset 0 0 0 2px #d9b57a;contain:strict}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#78501e47,#78501e00 22% 78%,#78501e47);border-radius:inherit}.reel .reel__digit--blank{color:transparent;font-weight:600}.slot__window.is-empty .reel .reel__digit--blank{color:#b89a6a}.reel__strip{display:block;will-change:transform}.reel__digit{display:grid;place-content:center;height:var(--reel-h);font-size:calc(var(--reel-h) * .62);font-weight:800;font-variant-numeric:tabular-nums lining-nums;line-height:1;color:#2a2350}.reel.is-stop{animation:reel-stop .32s cubic-bezier(.3,1.5,.5,1)}@keyframes reel-stop{0%{transform:translateY(0)}40%{transform:translateY(-4%)}to{transform:translateY(0)}}.slot__window.is-flash .reel{animation:reel-flash .35s ease-out}@keyframes reel-flash{0%{box-shadow:inset 0 0 0 2px #00000040,0 0 0 4px var(--honey)}to{box-shadow:inset 0 0 0 2px #00000040}}.slot__caption{font-size:var(--text-sm);font-weight:600;color:#6b5a3c;min-height:1.3em}.slot__lever{position:relative;width:2rem;height:calc(var(--reel-h) + 1.8rem);padding:0;border:0;background:none;cursor:pointer;align-self:end}.slot__lever-arm{position:absolute;left:50%;bottom:.4rem;width:.55rem;height:78%;translate:-50% 0;border-radius:999px;background:linear-gradient(90deg,#8d8fa8,#e5e6f0 45%,#8d8fa8);transform-origin:50% 100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.slot__lever-knob{position:absolute;left:50%;top:0;width:1.3rem;height:1.3rem;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe3a1,var(--honey) 55%,#c98a12);box-shadow:0 2px 4px #0006;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.slot__lever:after{content:"";position:absolute;left:50%;bottom:0;width:1.6rem;height:.9rem;translate:-50% 0;border-radius:.3rem .3rem .5rem .5rem;background:linear-gradient(180deg,#f6dfb8,#b8894a)}.slot__lever:active .slot__lever-arm,.slot__lever.is-pulled .slot__lever-arm{transform:scaleY(.35)}.slot__lever:active .slot__lever-knob,.slot__lever.is-pulled .slot__lever-knob{transform:translateY(calc(var(--reel-h) * .55))}.slot__lever:focus-visible{outline:3px solid var(--honey);outline-offset:4px;border-radius:999px}.spins{display:grid;gap:.35rem;justify-items:center}.spins__title{font-size:var(--text-sm);font-weight:600;color:#fff4dcd9}.spins__list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.spins__item{display:grid;justify-items:center;min-width:3.4rem;padding:.35rem .7rem;border-radius:.7rem;background:var(--cream);color:var(--ink);animation:spin-pop .4s cubic-bezier(.34,1.56,.64,1)}.spins__item--prize{background:#fff1c2;box-shadow:0 0 0 3px var(--honey)}.spins__value{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.spins__prize{font-size:.72rem;font-weight:700;color:#8a5a00}@keyframes spin-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.spin-history{width:min(100%,60rem);padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:#1410328c;backdrop-filter:blur(3px);text-align:left}.spin-history__title{display:flex;align-items:baseline;justify-content:center;gap:.4rem;font-size:var(--text-sm);font-weight:700;color:var(--cream);cursor:pointer;list-style:none}.spin-history__title::-webkit-details-marker{display:none}.spin-history__title:before{content:"\25b8";font-size:.8em}.spin-history[open] .spin-history__title:before{content:"\25be"}.spin-history__hint{font-weight:500;opacity:.7}.spin-history[open] .spin-history__list{margin-top:.5rem}.spin-history__count{font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}.spin-history__count:not(:empty):before{content:"\b7  "}.spin-history__list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-height:7.5rem;overflow:auto}.spin-history__item{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;background:#fff4dc24;padding-right:.5rem}.spin-history__item--prize{background:#f6b73c47}.spin-history__item:not(.spin-history__item--prize){padding-right:0}.spin-history__num{min-width:2.4rem;padding:.25rem .6rem;border:0;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.spin-history__num:hover{background:#fff;text-decoration:line-through}.spin-history__num:focus-visible{outline:3px solid var(--honey);outline-offset:2px}.spin-history__prize{font-size:.75rem;font-weight:600;color:var(--cream)}.stage--fair.is-presenting{--machine-max: min(70vw, 60rem);--reel-base: clamp(3rem, 2rem + 1.8vw, 5.6rem);--reel-h: min(calc(var(--reel-w-raw) / .7), 42svh)}.stage--fair.is-presenting .fair-top,.stage--fair.is-presenting .stage__tips{visibility:hidden}.stage--fair.is-presenting .spins__value{font-size:2.6rem}.stage--fair.is-presenting .spin-history{display:none}@media(prefers-reduced-motion:reduce){.reel.is-stop,.spins__item,.scene__stars{animation:none}}@media(max-width:63.99em){.stage--fair{--ground: 1.6rem}.game>.stage--fair,.game>.stage--fair:not([data-state=idle]){height:calc(100svh - var(--header-h));min-height:30rem}.stage--fair .stage__title{--title-size: clamp(1.25rem, 5.5vw, 1.8rem)}.stage--fair .scene__lights,.stage--art.stage--fair .scene__lights{top:3.2rem;height:3.2rem}.stage--fair .scene__tent{width:min(96vw,120svh);opacity:.45}.slot__frame{padding:.7rem .75rem .6rem;border-radius:1.1rem}.slot__lever{display:none}.slot{grid-template-columns:auto}.fair-top{padding-top:3.2rem}.spin-history__list{max-height:5.5rem}}@media(max-width:30em){.slot__window{gap:.3rem;padding:.45rem}.slot__reels{gap:.3rem}}@media(max-width:47.99em){.stage--bg.stage--fair .scene__sky{background:linear-gradient(#232a7a24,#232a7a24),url(../img/game/fair/sky-m.webp) 50% 42% / cover no-repeat,#1f2466}}@media(max-width:47.99em){.stage--art.stage--fair .scene__town{background:url(../img/game/fair/festival-town-m.webp) center bottom / 100% auto no-repeat}}@media(max-width:47.99em){.stage--art.stage--fair .scene__tent{background:url(../img/game/fair/tent-m.webp) center bottom / contain no-repeat}}@media(max-width:47.99em){.stage--art.stage--fair .scene__mist{background:url(../img/game/fair/mist-floor-m.webp) center top / 100% auto no-repeat}}@media(max-width:47.99em){.stage--art.stage--fair .scene__lights{background:url(../img/game/fair/lights-m.webp) center top / auto 100% repeat-x}}