:root{--accent: #7ee0a1;--background: #eef5f1;--ink: #141414;--line: #d5e2db;--line-strong: #94a89d;--muted: #596a61;--surface: #fffefa;--emerald-900: #06301f;--emerald-700: #0b5136;--teal-600: #0f6d5a;--gold: #f6c445;--coral: #ff8f6b;--mint: #7ee0a1;--shadow-soft: 0 14px 30px -18px rgba(11, 81, 54, .4);--shadow-lift: 0 18px 34px -16px rgba(15, 109, 90, .4);color:var(--ink);font-family:Manrope,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(90deg,rgba(15,109,90,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(15,109,90,.045) 1px,transparent 1px),var(--background);background-size:28px 28px;margin:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #2364aa;outline-offset:3px}button,.button-like{border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);cursor:pointer;font:inherit;font-weight:800;padding:11px 14px}button{background:var(--surface)}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{background:#fff;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);font:inherit;padding:10px 12px}.draw-stage{align-items:center;background:radial-gradient(120% 140% at 0% 0%,rgba(126,224,161,.22),transparent 42%),linear-gradient(145deg,var(--emerald-900),var(--emerald-700) 56%,var(--teal-600));border:1px solid rgba(126,224,161,.26);border-radius:24px;box-shadow:0 26px 60px -28px #06301f99;color:#eafff4;display:grid;gap:22px;grid-template-columns:auto 1fr;margin-bottom:18px;overflow:hidden;padding:clamp(18px,3vw,28px);position:relative;isolation:isolate}.draw-stage:before{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;content:"";inset:0;opacity:.8;position:absolute;z-index:-2}.draw-stage:after{background:radial-gradient(circle,rgba(246,196,69,.34),transparent 66%);bottom:-170px;content:"";filter:blur(8px);height:330px;left:-120px;position:absolute;width:330px;z-index:-1}.draw-machine{display:grid;justify-items:center}.draw-content{display:grid;gap:14px;min-width:0}.draw-eyebrow{color:var(--mint);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.draw-content h2{color:#fff;font-family:Fraunces,serif;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;margin:0}.revealed-winners{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:min(650px,100%)}.winner-ticket{align-items:center;animation:winner-in .42s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(135deg,#ffe391,#f4bd39);border-radius:18px;box-shadow:0 18px 32px -24px #000000b3;color:var(--emerald-900);container-type:inline-size;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:15px 18px}.winner-meta{display:grid;gap:4px;min-width:0}.winner-ticket span,.winner-ticket small{font-weight:900;letter-spacing:.06em;opacity:.72;text-transform:uppercase}.winner-number{font-family:Fraunces,serif;font-size:clamp(1.5rem,14cqi,3.4rem);line-height:.9;text-align:right;white-space:nowrap}.winner-ticket small{letter-spacing:0;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.slot-machine{--cell: clamp(56px, 8vw, 90px);background:radial-gradient(120% 82% at 50% -12%,rgba(246,196,69,.16),transparent 60%),linear-gradient(165deg,#0e4331,#061e14 78%);border:1px solid rgba(246,196,69,.3);border-radius:26px;box-shadow:inset 0 1px #ffffff24,inset 0 0 42px #00000061,0 32px 62px -30px #000000d9;padding:20px;position:relative;width:clamp(232px,30vw,340px)}.slot-machine:before{background:linear-gradient(90deg,transparent,rgba(246,196,69,.9),transparent);border-radius:999px;content:"";height:3px;left:24px;position:absolute;right:24px;top:12px}.slot-frame{background:linear-gradient(180deg,#10402f,#082619);border:1px solid rgba(246,196,69,.22);border-radius:16px;box-shadow:inset 0 2px 12px #0000008c;margin-top:10px;padding:10px}.slot-screen{background:#08170f;border-radius:12px;display:grid;gap:6px;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;padding:8px;position:relative}.reel{background:linear-gradient(180deg,#fffdf5,#efe3c6);border-radius:9px;box-shadow:inset 0 3px 6px #00000042,inset 0 -3px 6px #00000042;height:var(--cell);overflow:hidden;position:relative}.reel-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--stop, 0) * var(--cell) * -1));transition:transform calc(1.55s + var(--i, 0) * .26s) cubic-bezier(.16,.85,.22,1);will-change:transform}.reel-strip span{align-items:center;color:var(--emerald-900);display:flex;font-family:Fraunces,serif;font-size:clamp(2rem,4.4vw,3rem);font-weight:900;height:var(--cell);justify-content:center;line-height:1}.slot-screen[data-instant] .reel-strip{transition:none}.slot-glass{background:linear-gradient(180deg,rgba(8,23,15,.5),transparent 26%),linear-gradient(0deg,rgba(8,23,15,.5),transparent 26%);border-radius:12px;inset:8px;pointer-events:none;position:absolute;z-index:2}.slot-centerline{border-bottom:2px solid rgba(246,196,69,.5);border-top:2px solid rgba(246,196,69,.5);height:var(--cell);left:8px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:3}.draw-stage[data-stage=spinning] .reel-strip{animation:reel-roll .4s linear infinite;filter:blur(.7px)}.draw-stage[data-stage=spinning] .reel:nth-child(2) .reel-strip{animation-duration:.34s}.draw-stage[data-stage=spinning] .reel:nth-child(3) .reel-strip{animation-duration:.46s}.draw-stage[data-stage=spinning] .reel:nth-child(4) .reel-strip{animation-duration:.38s}.draw-stage[data-stage=spinning] .reel:nth-child(5) .reel-strip{animation-duration:.44s}.draw-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:4}.draw-confetti span{animation:casino-confetti 1.8s ease-out both;animation-delay:var(--d);background:var(--c);border-radius:2px;height:16px;left:var(--x);position:absolute;top:-18px;width:9px}@keyframes reel-roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--cell) * -10))}}@keyframes casino-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(420px) rotate(620deg)}}@media(max-width:760px){.slot-machine{justify-self:center;width:min(100%,320px)}}@media(prefers-reduced-motion:reduce){.reel-strip{animation:none;filter:none;transition-duration:.35s}.draw-confetti span{animation:none}}.draw-stage[data-stage=done]{align-items:center;column-gap:clamp(28px,4vw,56px);grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.draw-stage[data-stage=done] .draw-content{gap:16px}.draw-stage[data-stage=done] .slot-machine{box-shadow:inset 0 1px #ffffff24,0 0 0 1px #f6c4458c,0 0 46px -8px #f6c44580,0 32px 62px -30px #000000d9}.draw-stage[data-stage=done] .slot-centerline{animation:winner-glow 1.4s ease-in-out infinite alternate;border-color:#f6c445f2}.draw-stage[data-stage=done] .revealed-winners{margin-top:4px;max-width:min(540px,100%)}.draw-stage[data-stage=done] .winner-ticket{border:1px solid rgba(255,255,255,.35);min-height:104px;padding:18px 24px}@media(max-width:760px){.draw-stage[data-stage=done]{column-gap:0;grid-template-columns:minmax(0,1fr)}.revealed-winners,.draw-stage[data-stage=done] .revealed-winners{grid-template-columns:minmax(0,1fr);max-width:100%}}@keyframes winner-glow{0%{box-shadow:0 0 12px #f6c44559}to{box-shadow:0 0 26px #f6c445b3}}@keyframes winner-in{0%{opacity:0;transform:translateY(16px) rotate(-1deg) scale(.96)}to{opacity:1;transform:none}}.result-panel{display:grid;gap:14px}.result-panel-head{align-items:baseline;display:flex;gap:14px;justify-content:space-between}.result-panel-head span,.result-rank{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.result-panel-head strong{color:var(--ink);font-family:Fraunces,serif;font-size:1.65rem;line-height:1}.result-list{display:grid;gap:10px}.result-card{align-items:center;background:#fbf7ed;border:1px solid #e2d5bd;border-left:5px solid var(--gold);border-radius:12px;display:grid;gap:12px 16px;grid-template-columns:minmax(90px,auto) auto minmax(240px,1fr);padding:14px}.result-number-pill{background:var(--emerald-700);border-radius:999px;color:#fff;font-family:Fraunces,serif;font-size:1.55rem;line-height:1;padding:9px 16px 10px;white-space:nowrap}.result-drawn-at{color:var(--muted);font-weight:700;width:100%}.result-buyer-data{display:grid;gap:10px 18px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;min-width:0}.result-buyer-data dt{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.result-buyer-data dd{color:var(--ink);font-weight:800;margin:2px 0 0;overflow-wrap:anywhere}.result-buyer-data a{color:var(--emerald-700)}.result-note{grid-column:1 / -1}.result-note dd{font-weight:600}.result-paid-tag{background:#f4e4e0;border-radius:999px;color:#842312;display:inline-block;font-size:.78rem;font-weight:900;padding:3px 10px}.result-paid-tag.is-paid{background:#dff3e4;color:#176b36}.result-empty{color:var(--muted);font-weight:700}@media(max-width:640px){.result-panel-head,.result-card{align-items:stretch;grid-template-columns:1fr}.result-panel-head{display:grid}}
