:root{--night: #0e0e0e;--night-deep: #050505;--surface: #161618;--ivory: #ffffff;--muted: #9c9cb5;--line: rgba(255, 255, 255, .12);--pink: #ff3e9e;--yellow: #f7eb71;--cyan: #0bd4fe;--gold: #f5c542;--error: #ff6b8a;--font: "Poppins", "Segoe UI", system-ui, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;min-height:100%}html{background:var(--night)}body{font-family:var(--font);color:var(--ivory);background:var(--night);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;background:radial-gradient(60% 45% at 0% 0%,rgba(255,62,158,.16),transparent 70%),radial-gradient(55% 45% at 100% 100%,rgba(11,212,254,.13),transparent 70%),radial-gradient(40% 30% at 100% 0%,rgba(247,235,113,.06),transparent 70%);display:flex;flex-direction:column}.brand{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1rem,4vw,2.5rem) 0}.brand-logo{display:block;height:clamp(28px,6vw,42px);width:auto}.brand-event{color:var(--muted);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:right}.stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,2.5rem) 2rem}.wheel-col{width:min(86vw,440px)}.side-col{width:100%;max-width:30rem;scroll-margin-top:1rem}@media (min-width: 820px) and (min-aspect-ratio: 1/1){.stage{flex-direction:row;justify-content:center;gap:clamp(2rem,5vw,5rem)}.wheel-col{width:min(46vw,72dvh,560px)}}.wheel{position:relative}.wheel-svg{display:block;width:100%;height:auto;overflow:visible}.wheel-svg{filter:drop-shadow(0 20px 50px rgba(0,0,0,.6))}.wheel-rim{fill:var(--night-deep);stroke:#ffffff1a;stroke-width:2}.wheel-edge{fill:none;stroke:#0009;stroke-width:3}.wheel-disc{transform-origin:200px 200px;transition-property:transform;transition-timing-function:cubic-bezier(.12,.72,.08,1)}.seg path{stroke:var(--night);stroke-width:2;transition:opacity .4s,filter .4s}.seg-label{font-family:var(--font);font-weight:700;font-size:15px;text-anchor:middle;letter-spacing:-.01em}.seg-label.big{font-size:23px;font-weight:800}.seg-label.small{font-size:12px}.wheel.has-winner .seg:not(.is-winner) path{opacity:.35}.wheel.has-winner .seg.is-winner path{animation:winner 1.1s ease-in-out infinite alternate}@keyframes winner{0%{filter:brightness(1)}to{filter:brightness(1.35) drop-shadow(0 0 10px rgba(255,255,255,.6))}}.wheel-hub{fill:var(--night);stroke:var(--ivory);stroke-width:3}.wheel-led.c0{fill:var(--pink)}.wheel-led.c1{fill:var(--yellow)}.wheel-led.c2{fill:var(--cyan)}.wheel-led{animation:led-idle 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s)}@keyframes led-idle{0%,to{opacity:.35}50%{opacity:1}}.wheel.is-spinning .wheel-led{animation:led-chase .5s linear infinite;animation-delay:calc(var(--i) * -.0125s)}@keyframes led-chase{0%{opacity:1}40%,to{opacity:.15}}.wheel.has-winner .wheel-led{fill:var(--ivory);animation:led-flash .35s steps(2) 6,led-idle 2.4s ease-in-out 2.1s infinite}@keyframes led-flash{50%{opacity:.15}}.wheel-pointer{position:absolute;z-index:2;top:-7.5%;left:50%;width:9%;margin-left:-4.5%;transform-origin:50% 32%;filter:drop-shadow(0 5px 6px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,62,158,.35))}.wheel-pointer svg{display:block;width:100%;height:auto;overflow:visible}.ptr-core{animation:ptr-glow 1.8s ease-in-out infinite alternate}@keyframes ptr-glow{0%{filter:brightness(.9)}to{filter:brightness(1.25) drop-shadow(0 0 3px #ff3e9e)}}.wheel-pointer.is-hit{animation:ptr-hit .32s cubic-bezier(.2,.7,.3,1)}@keyframes ptr-hit{0%{transform:rotate(0)}18%{transform:rotate(-22deg)}48%{transform:rotate(7deg)}72%{transform:rotate(-3deg)}to{transform:rotate(0)}}.wheel.has-winner .wheel-pointer{animation:ptr-win .5s ease-out 2}@keyframes ptr-win{50%{transform:translateY(-6%) scale(1.08)}}.seg.is-gold path:first-child{stroke:#fff4c4;stroke-width:1.5}.seg-label.gold{font-size:12.5px;font-weight:800;letter-spacing:.08em}.seg-img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.seg-img-ring{fill:none;stroke:#fff4c4;stroke-width:2.5}.seg-star{fill:#fff;font-size:13px;text-anchor:middle;opacity:.9}.seg-shine{opacity:0;animation:shine 3.2s ease-in-out infinite;pointer-events:none}.seg.is-gold:nth-of-type(odd) .seg-shine{animation-delay:1.6s}@keyframes shine{0%,60%,to{opacity:0}75%{opacity:1}}.showcase{margin-bottom:1.75rem}.showcase-kicker{margin:0 0 .6rem;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.prize-card{position:relative;display:flex;flex-direction:column;padding:.75rem;border-radius:1.1rem;background:linear-gradient(180deg,#f5c54224,#f5c54208 60%),var(--surface);border:1px solid rgba(245,197,66,.45);box-shadow:0 0 30px -12px #f5c54299;overflow:hidden}.prize-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,244,196,.16) 50%,transparent 65%);transform:translate(-100%);animation:card-shine 4.5s ease-in-out infinite;pointer-events:none}.prize-pianoled:after{animation-delay:2.2s}@keyframes card-shine{0%,55%{transform:translate(-100%)}85%,to{transform:translate(100%)}}.prize-badge{align-self:flex-start;padding:.2rem .55rem;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#e9b53a);color:#2a1c00;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.prize-media{position:relative;height:5.5rem;margin:.6rem 0 .5rem}.prize-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.prize-pianoled .prize-media img{object-fit:cover;border-radius:.6rem}.prize-title{margin:0;font-size:.92rem;font-weight:700;line-height:1.25}.prize-value{margin:.15rem 0 0;font-size:.85rem;font-weight:600;color:var(--gold)}.prize-stock{margin:.45rem 0 0;display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.prize-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:led-idle 1.6s ease-in-out infinite}.prize-card.is-out{opacity:.55;filter:grayscale(.6)}.prize-card.is-out .prize-dot{background:var(--muted);box-shadow:none;animation:none}.panel{display:flex;flex-direction:column;gap:1rem}.title{margin:0;font-size:clamp(1.9rem,6.5vw,2.8rem);font-weight:800;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}.lede{margin:-.25rem 0 .25rem;color:var(--muted);font-size:1.05rem;line-height:1.45}.field{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.field em{font-style:normal;font-weight:400;color:var(--muted)}.field input{font:inherit;font-weight:400;font-size:1.05rem;color:var(--ivory);background:var(--surface);border:1px solid var(--line);border-radius:.9rem;padding:.9rem 1rem;width:100%}.field input::placeholder{color:#9c9cb599}.field input:focus{outline:2px solid var(--cyan);outline-offset:2px;border-color:transparent}.check{display:flex;gap:.75rem;align-items:flex-start;line-height:1.4;cursor:pointer}.check input{width:1.35rem;height:1.35rem;margin:.05rem 0 0;flex:none;accent-color:var(--pink)}.check em{font-style:normal;color:var(--muted)}.error{margin:0;color:var(--error);font-weight:600}.cta{font:inherit;font-weight:700;font-size:1.15rem;letter-spacing:.01em;color:#fff;background:var(--pink);border:0;border-radius:999px;padding:1.05rem 1.5rem;cursor:pointer;box-shadow:0 0 #ff3e9e8c;animation:cta-glow 2.2s ease-out infinite;transition:transform .15s}.cta:active{transform:scale(.97)}a.cta{display:block;text-align:center;text-decoration:none}.result a.cta{animation:none}.cta:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}.cta:disabled{opacity:.45;animation:none;cursor:default}@keyframes cta-glow{70%,to{box-shadow:0 0 0 14px #ff3e9e00}}.cta.ghost{color:var(--ivory);background:transparent;border:2px solid var(--line);animation:none;font-size:1.05rem}.fineprint{margin:0;font-size:.85rem;color:var(--muted);line-height:1.45}.fineprint a,.result-text a{color:var(--ivory)}.result{position:relative;gap:1.1rem;padding:1.6rem 1.5rem 1.4rem;border-radius:1.75rem;border:1px solid color-mix(in srgb,var(--win) 45%,transparent);background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--win) 20%,transparent),transparent 70%),var(--surface);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--win) 70%,transparent),inset 0 1px #ffffff0f;overflow:hidden;animation:reveal .6s cubic-bezier(.2,.9,.3,1.25) both}@keyframes reveal{0%{opacity:0;transform:translateY(18px) scale(.94)}}.result-badge{align-self:flex-start;margin:0;padding:.3rem .8rem;border-radius:999px;background:#ffffff14;border:1px solid var(--line);font-size:.85rem;font-weight:600}.result-prize{margin:-.2rem 0 0;display:flex;flex-direction:column;line-height:1}.result-amount{align-self:flex-start;font-size:clamp(3.4rem,15vw,4.8rem);font-weight:800;letter-spacing:-.05em;color:var(--pink);text-shadow:0 0 28px rgba(255,62,158,.35);padding-bottom:.08em}.result.is-physical .result-amount{color:transparent;text-shadow:none;font-size:clamp(2.2rem,8vw,3rem);letter-spacing:-.03em;line-height:1.05;background:linear-gradient(180deg,#fff4c4,#f5c542 55%,#c8901c);-webkit-background-clip:text;background-clip:text;text-wrap:balance}.result-rest{margin-top:.15rem;font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.result-text{margin:0;line-height:1.5;color:#d9d9e3;font-size:.95rem}.result-email{color:var(--ivory);font-weight:600;overflow-wrap:anywhere}.result-media{height:7.5rem;border-radius:1rem;overflow:hidden;background:radial-gradient(70% 80% at 50% 60%,rgba(245,197,66,.25),transparent 70%)}.result-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.result-media-pianoled img{object-fit:cover}.ticket{--notch: .75rem;position:relative;display:flex;align-items:stretch;border-radius:1.1rem;background:linear-gradient(135deg,#1f1f24,#0c0c0e);border:1px solid color-mix(in srgb,var(--win) 40%,transparent)}.ticket:before,.ticket:after{content:"";position:absolute;right:6.4rem;width:calc(var(--notch) * 2);height:calc(var(--notch) * 2);margin-right:calc(var(--notch) * -1);border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--win) 40%,transparent)}.ticket:before{top:calc(var(--notch) * -1 - 1px);clip-path:inset(50% 0 0 0)}.ticket:after{bottom:calc(var(--notch) * -1 - 1px);clip-path:inset(0 0 50% 0)}.ticket-main{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.1rem;min-width:0}.ticket-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ticket-code{font-size:clamp(1.8rem,8vw,2.3rem);font-weight:800;letter-spacing:.12em}.ticket-copy{font:inherit;width:6.4rem;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:0;border-left:2px dashed rgba(255,255,255,.16);background:transparent;color:var(--ivory);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:0 1.1rem 1.1rem 0;transition:background .2s,color .2s}.ticket-copy:hover{background:#ffffff0d}.ticket-copy:focus-visible{outline:2px solid var(--cyan);outline-offset:-4px}.ticket-copy.is-copied{color:#22c55e}.cta-arrow{display:inline-block;margin-left:.5rem;transition:transform .2s}a.cta:hover .cta-arrow{transform:translate(4px)}.send{margin:0;font-size:.85rem;color:var(--muted);display:flex;gap:.45rem;align-items:baseline}.send-icon{color:#22c55e;font-weight:700}.send-error{color:var(--error);font-weight:600}.doc{width:100%;max-width:46rem;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 4rem;line-height:1.6}.doc .title{margin:.75rem 0}.doc-back{color:var(--muted);text-decoration:none;font-size:.95rem}.doc-back:hover{color:var(--ivory)}.doc-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 .5rem}.doc-toc a{color:var(--ivory);text-decoration:none;font-size:.9rem;font-weight:500;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px}.doc-toc a:hover{border-color:var(--pink)}.doc section{margin-top:2rem;scroll-margin-top:1rem}.doc h2{font-size:1.15rem;font-weight:700;margin:0 0 .5rem;padding-left:.75rem;border-left:3px solid var(--pink)}.doc p,.doc li{color:#d9d9e3;margin:0 0 .75rem}.doc ul{padding-left:1.25rem;margin:0 0 .75rem}.doc a{color:var(--cyan)}.doc strong{color:var(--ivory);font-weight:600}.doc-table-wrap{overflow-x:auto;margin:.75rem 0 1rem;border:1px solid var(--line);border-radius:1rem}.doc-table{width:100%;border-collapse:collapse;font-size:.92rem}.doc-table th,.doc-table td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}.doc-table thead th{border-top:0;color:var(--muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;background:var(--surface)}.doc-table tbody th{font-weight:600}.doc-table td{font-variant-numeric:tabular-nums}.doc-table tbody th{width:45%}.doc-num{white-space:nowrap;font-weight:600}.doc-table small{display:block;color:var(--muted);font-weight:400}.doc-swatch{display:inline-block;width:.7rem;height:.7rem;margin-right:.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);vertical-align:.05em}.staff{padding:.6rem 1rem;font-size:.8rem;color:var(--muted);text-align:center;background:var(--night-deep)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}.result{animation:none}}.showcase-top{width:100%;max-width:30rem;margin-bottom:.5rem}.showcase-side{display:none}@media (min-width: 820px) and (min-aspect-ratio: 1/1){.showcase-top{display:none}.showcase-side{display:block}.showcase{margin-bottom:1.25rem}.prize-media{height:4.5rem}.side-col .title{font-size:clamp(1.9rem,2.6vw,2.4rem)}.side-col .panel{gap:.8rem}.field input{padding:.75rem 1rem}}
