@import url(https://fonts.googleapis.com/css2?family=Bungee&family=Archivo+Black&family=Inter:wght@500;600;700;800&display=swap);body{box-sizing:border-box;margin:0;padding:0}.wof-stage{--u:min(0.27778vw,0.15625vh);--gold:#ffd34d;--gold-deep:#c98a12;--studio:#0a1a5c;--ink:#fff;background:radial-gradient(70% 45% at 50% 38%,#5a8cff73,#0000 70%),radial-gradient(120% 70% at 50% 110%,#aa3cff59,#0000 70%),linear-gradient(180deg,#071040,var(--studio) 50%,#050b2e);color:var(--ink);font-family:Inter,system-ui,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.wof-glow{animation:wof-rays 30s linear infinite;background:repeating-conic-gradient(from 0deg at 50% 38%,#ffffff0f 0deg 6deg,#0000 6deg 18deg);inset:-20%;mask-image:radial-gradient(60% 50% at 50% 40%,#000,#0000 75%);-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000,#0000 75%);position:absolute}@keyframes wof-rays{to{transform:rotate(1turn)}}.wof-card{align-items:center;display:flex;flex-direction:column;gap:calc(var(--u)*14);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1);width:calc(var(--u)*270)}.is-end .wof-card{opacity:0;transform:translate(-50%,-50%) scale(.9)}.wof-title{align-items:center;display:flex;flex-direction:column;line-height:1;opacity:0;transform:translateY(calc(var(--u)*-14)) scale(.9);transition:opacity .5s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}.is-shown .wof-title{opacity:1;transform:none}.wof-title-top{color:#fff;font-family:Bungee,sans-serif;font-size:calc(var(--u)*13);letter-spacing:calc(var(--u)*3)}.wof-title-main{color:var(--gold);font-family:Bungee,sans-serif;font-size:calc(var(--u)*34);text-shadow:0 calc(var(--u)*2) 0 var(--gold-deep),0 calc(var(--u)*4) 0 #7a4a00,0 calc(var(--u)*8) calc(var(--u)*16) #00000080}.wof-title-cat{background:#00000059;border:1px solid #ffd34d80;border-radius:calc(var(--u)*20);font-size:calc(var(--u)*10);font-weight:800;letter-spacing:calc(var(--u)*2);margin-top:calc(var(--u)*8);padding:calc(var(--u)*3) calc(var(--u)*10);text-transform:uppercase}.wof-wheel-wrap{height:calc(var(--u)*236);opacity:0;position:relative;transform:scale(.6) rotate(-40deg);transition:opacity .6s ease .2s,transform .9s cubic-bezier(.34,1.4,.64,1) .2s;width:calc(var(--u)*236)}.is-shown .wof-wheel-wrap{opacity:1;transform:none}.wof-wheel{filter:drop-shadow(0 calc(var(--u)*14) calc(var(--u)*22) rgba(0,0,0,.55));height:100%;overflow:visible;width:100%}.wof-rim{fill:#1b1b1f;stroke:var(--gold);stroke-width:5}.wof-bulb{fill:#fff6c9}.wof-bulb-0{animation:wof-bulb .7s steps(1) infinite}.wof-bulb-1{animation:wof-bulb .7s steps(1) .35s infinite}@keyframes wof-bulb{0%{fill:#fff6c9}50%{fill:#8a6a12}}.wof-spin{transform-box:view-box;transform-origin:0 0;transition-property:transform;transition-timing-function:cubic-bezier(.12,.62,.1,1)}.wof-spoke{stroke:#ffffffd9;stroke-width:1.4}.wof-label{fill:#fff;font-family:Archivo Black,sans-serif;font-size:9.5px;letter-spacing:.3px}.wof-label.is-filler{font-size:10.5px;letter-spacing:1px}.wof-sub{fill:#ffffffeb;font-family:Inter,sans-serif;font-size:7.5px;font-weight:800}.is-dark{fill:#2a1d00}.wof-wedge path{transition:filter .3s ease}.wof-wedge.is-hit path{animation:wof-hit .5s ease-in-out 3}@keyframes wof-hit{50%{filter:brightness(1.6) saturate(1.2)}}.wof-hub{fill:var(--gold);stroke:#7a4a00;stroke-width:2}.wof-hub-txt{fill:#3a2300;font-family:Bungee,sans-serif;font-size:11px}.wof-pointer{background:linear-gradient(180deg,#fff,#dfe4ee);filter:drop-shadow(0 calc(var(--u)*3) calc(var(--u)*3) rgba(0,0,0,.6));height:calc(var(--u)*30);left:50%;margin-left:calc(var(--u)*-11);top:calc(var(--u)*-10);transform-origin:50% 10%;width:calc(var(--u)*22);z-index:2}.wof-pointer,.wof-pointer:after{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute}.wof-pointer:after{background:var(--gold);content:"";height:30%;left:22%;right:22%;top:12%}.is-spinning .wof-pointer{animation:wof-flap 2.3s cubic-bezier(.12,.62,.1,1) both}@keyframes wof-flap{0%,12%,16%,20%,24%,28%,33%,39%,4%,46%,55%,66%,8%,80%,to{transform:rotate(0)}10%,14%,18%,2%,22%,26%,30%,36%,42%,50%,6%,60%,72%{transform:rotate(-22deg)}}.wof-prizes{display:flex;flex-direction:column;gap:calc(var(--u)*6);list-style:none;margin:0;padding:0;width:100%}.wof-prizes li{grid-column-gap:calc(var(--u)*8);align-items:center;background:#00000052;border:1px dashed #ffffff2e;border-radius:calc(var(--u)*6);column-gap:calc(var(--u)*8);display:grid;font-size:calc(var(--u)*11);grid-template-columns:auto 1fr auto auto;height:calc(var(--u)*28);padding:0 calc(var(--u)*8);white-space:nowrap}.wof-prizes li>*{opacity:0;transition:opacity .3s ease}.wof-prizes li.is-won{animation:wof-won .6s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 38%,#0000),#00000059 70%);border:1px solid var(--c)}.wof-prizes li.is-won>*{opacity:1}@keyframes wof-won{0%{transform:scale(.85)}to{transform:scale(1)}}.wof-chip{background:var(--c);border-radius:50%;box-shadow:0 0 calc(var(--u)*8) var(--c);height:calc(var(--u)*10);width:calc(var(--u)*10)}.wof-p-name{font-weight:800}.wof-p-time{color:#ffffffd1;font-weight:600}.wof-p-where{background:#ffffff29;border-radius:calc(var(--u)*3);color:#fff;font-size:calc(var(--u)*8);font-weight:800;letter-spacing:calc(var(--u)*.8);padding:calc(var(--u)*1.5) calc(var(--u)*5);text-transform:uppercase}.wof-p-where.is-maple{background:var(--gold);color:#3a2300}.wof-end{align-items:center;display:flex;flex-direction:column;gap:calc(var(--u)*10);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--u)*270)}.wof-end>*{opacity:0;transform:translateY(calc(var(--u)*12));transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}.is-end .wof-end>*{opacity:1;transform:none}.is-end .wof-end>:first-child{transition-delay:.5s}.is-end .wof-end>:nth-child(2){transition-delay:.3s}.is-end .wof-end>:nth-child(3){transition-delay:2.6s}.is-end .wof-end>:nth-child(4){transition-delay:2.9s}.wof-board-cat{background:#0b2a8a;border:calc(var(--u)*2) solid var(--gold);border-radius:calc(var(--u)*4);font-family:Bungee,sans-serif;font-size:calc(var(--u)*12);letter-spacing:calc(var(--u)*2);padding:calc(var(--u)*4) calc(var(--u)*16)}.wof-board{background:linear-gradient(180deg,#1f7a3a,#0f5226);border:calc(var(--u)*3) solid var(--gold);border-radius:calc(var(--u)*8);box-shadow:0 calc(var(--u)*16) calc(var(--u)*30) #0000008c;flex-direction:column;padding:calc(var(--u)*8)}.wof-board,.wof-row{display:flex;gap:calc(var(--u)*3)}.wof-tile{border-radius:calc(var(--u)*2);height:calc(var(--u)*25);position:relative;width:calc(var(--u)*18)}.wof-tile.is-blank,.wof-tile.is-space{background:#2ea24f;box-shadow:inset 0 0 0 1px #00000040}.wof-tile.is-letter{background:#f8f8f4;box-shadow:inset 0 0 0 1px #0003}.wof-tile.is-letter:before{background:#2f6bff;border-radius:inherit;box-shadow:0 0 calc(var(--u)*10) #6fa0ff;content:"";inset:0;opacity:0;position:absolute}.is-end .wof-tile.is-letter:before{animation:wof-light .5s ease both;animation-delay:calc(.9s + var(--n)*.08s)}@keyframes wof-light{0%{opacity:0}30%{opacity:1}to{opacity:0}}.wof-tile b{color:#111;display:grid;font-family:Archivo Black,sans-serif;font-size:calc(var(--u)*15);font-weight:400;inset:0;opacity:0;place-items:center;position:absolute}.is-end .wof-tile b{animation:wof-letter .2s ease both;animation-delay:calc(1.15s + var(--n)*.08s)}@keyframes wof-letter{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.wof-logo{filter:invert(1) drop-shadow(0 0 calc(var(--u)*18) rgba(255,211,77,.35));margin-top:calc(var(--u)*10);width:calc(var(--u)*200)}.wof-addr{color:#ffffffd9;font-size:calc(var(--u)*11);font-weight:700;letter-spacing:calc(var(--u)*.4)}@media (prefers-reduced-motion:reduce){.wof-stage *,.wof-stage :before{animation:none!important;transition:none!important}.wof-tile b{opacity:1}}
/*# sourceMappingURL=main.aa33f55d.css.map*/