.dw-panel{background:var(--dc-surface);border:1px solid var(--dc-border);border-radius:var(--dc-radius);margin:0 0 20px;padding:24px}.dw-panel h2{align-items:center;gap:8px;margin:0 0 6px;font-size:20px;font-weight:750;display:flex}.dw-muted{color:var(--dc-muted);margin:4px 0;font-size:12px}.dw-stats{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.dw-stats>span{background:var(--dc-bg);border-radius:10px;padding:8px 12px;font-size:12px}.dw-gifts{margin:8px 0;padding:0;list-style:none}.dw-gifts li{padding:4px 0;font-size:12px}.dw-play-inline{align-items:center;gap:8px;margin:10px 0;display:inline-flex}.dw-result-inline{margin:10px 0;font-weight:700}.dw-rules{color:var(--dc-muted);margin-top:14px;font-size:11px}.dw-rules summary{cursor:pointer;text-underline-offset:2px;font-weight:600;text-decoration:underline;list-style:none}.dw-rules summary::-webkit-details-marker{display:none}.dw-rules ol{text-align:left;margin:8px 0;padding-left:18px}.dw-rules li{margin:3px 0}body.dw-lock{overflow:hidden}.dw-overlay{z-index:80;background:color-mix(in srgb,var(--dc-text,#111) 62%,transparent);-webkit-backdrop-filter:blur(6px);place-items:center;padding:14px;animation:.25s ease-out dw-fade;display:grid;position:fixed;inset:0}.dw-modal{text-align:center;border-radius:calc(var(--dc-radius,16px) + 8px);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--dc-primary) 22%,var(--dc-surface)) 0%,var(--dc-surface) 62%);width:min(440px,100%);max-height:calc(100dvh - 28px);color:var(--dc-text);box-shadow:0 30px 80px #0006,0 0 0 1px color-mix(in srgb,var(--dc-primary) 30%,transparent);outline:none;padding:26px 20px 18px;animation:.35s cubic-bezier(.2,.9,.3,1.2) dw-pop;position:relative;overflow:auto}.dw-close,.dw-sound{background:color-mix(in srgb,var(--dc-text) 8%,transparent);width:38px;height:38px;color:var(--dc-text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px}.dw-close{right:10px}.dw-sound{left:10px}.dw-close:disabled{opacity:.4}.dw-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--dc-primary);align-items:center;gap:6px;margin:4px 0 2px;font-size:12px;font-weight:700;display:inline-flex}.dw-modal h2{letter-spacing:-.01em;margin:0 0 14px;font-size:26px;font-weight:800}.dw-machine{background:linear-gradient(160deg,color-mix(in srgb,var(--dc-primary) 88%,#fff) 0%,var(--dc-primary) 45%,color-mix(in srgb,var(--dc-primary) 70%,#000) 100%);box-shadow:inset 0 2px 0 #fff5,inset 0 -6px 14px #0004,0 14px 30px color-mix(in srgb,var(--dc-primary) 35%,transparent);border-radius:22px;margin:0 auto;padding:18px 14px;position:relative}.dw-lights{pointer-events:none;position:absolute;inset:6px}.dw-lights i{opacity:.55;width:8px;height:8px;animation:dw-blink 1.2s calc(var(--i)*90ms) infinite steps(2);background:#fff3c4;border-radius:50%;position:absolute;box-shadow:0 0 8px #ffd76a}.dw-lights i:nth-child(-n+7){top:0;left:calc(6% + (var(--i))*14.5%)}.dw-lights i:nth-child(n+8){bottom:0;left:calc(6% + (var(--i) - 7)*14.5%)}.dw-machine.is-spinning .dw-lights i{animation-duration:.35s}.dw-machine.is-won .dw-lights i{opacity:1;animation-duration:.25s}.dw-reels{background:#0005;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid;position:relative;box-shadow:inset 0 3px 10px #0007}.dw-reel{background:linear-gradient(#d9d9d9 0%,#fff 22% 78%,#d9d9d9 100%);border-radius:10px;height:3.9em;font-size:clamp(40px,13vw,54px);line-height:1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0002}.dw-reel:after{content:"";pointer-events:none;background:linear-gradient(#0004 0%,#0000 28% 72%,#0004 100%);position:absolute;inset:0}.dw-strip{will-change:transform}.dw-cell{place-items:center;height:1.3em;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;display:grid}.dw-machine.is-spinning .dw-cell{filter:blur(1.2px)}.dw-payline{pointer-events:none;height:0;position:absolute;top:50%;left:-7px;right:-7px}.dw-payline:before,.dw-payline:after{content:"";border:9px solid #0000;position:absolute;top:-9px}.dw-payline:before{filter:drop-shadow(0 1px 1px #0006);border-left:11px solid #ffd76a;left:0}.dw-payline:after{filter:drop-shadow(0 1px 1px #0006);border-right:11px solid #ffd76a;right:0}.dw-reel:before{content:"";z-index:1;pointer-events:none;opacity:0;border-radius:8px;height:1.3em;transition:opacity .3s;position:absolute;top:1.3em;left:3px;right:3px;box-shadow:inset 0 0 0 3px #ffc83d,inset 0 0 16px #ffd76a99}.dw-machine.is-won .dw-reel:before{opacity:1}.dw-machine.is-won .dw-reel{animation:.9s ease-in-out 2 dw-glow}.dw-result{min-height:44px;margin:14px 4px 6px;font-size:17px;font-weight:750;line-height:1.3}.dw-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.dw-play{min-height:54px;box-shadow:0 8px 22px color-mix(in srgb,var(--dc-primary) 45%,transparent);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:800;display:inline-flex}.dw-play:not(:disabled):hover{transform:translateY(-1px)}.dw-demo{background:color-mix(in srgb,var(--dc-primary) 14%,transparent);color:var(--dc-text);border-radius:999px;margin:10px 0 0;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.dw-confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.dw-confetti i{top:-12px;left:var(--x);opacity:0;background:hsl(calc(var(--i)*47) 85% 60%);width:8px;height:14px;animation:dw-fall 1.9s var(--d) cubic-bezier(.25,.6,.45,1) forwards;border-radius:2px;position:absolute}.dw-confetti i:nth-child(3n){background:var(--dc-primary);border-radius:50%;width:6px;height:6px}@keyframes dw-fade{0%{opacity:0}}@keyframes dw-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes dw-blink{50%{opacity:1}}@keyframes dw-glow{50%{box-shadow:inset 0 0 0 3px #ffd76a,0 0 18px #ffd76a}}@keyframes dw-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(620px) rotate(calc(var(--i)*61deg))}}@media (min-width:700px){.dw-modal{padding:32px 30px 22px}.dw-actions{flex-direction:row-reverse;justify-content:center}.dw-actions>*{min-width:150px}}@media (prefers-reduced-motion:reduce){.dw-overlay,.dw-modal,.dw-machine.is-won .dw-reel{animation:none}.dw-lights i{opacity:.8;animation:none}.dw-strip{transition:none!important}.dw-machine.is-spinning .dw-cell{filter:none}.dw-confetti{display:none}}.dw-invite{border-radius:var(--dc-radius,16px);color:var(--dc-text);background:linear-gradient(120deg,color-mix(in srgb,var(--dc-primary) 18%,var(--dc-surface)),var(--dc-surface));border:1px solid color-mix(in srgb,var(--dc-primary) 35%,var(--dc-border));align-items:center;gap:12px;margin:4px 0 16px;padding:14px 16px;text-decoration:none;display:flex}.dw-invite-icon{font-size:30px;line-height:1}.dw-invite>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dw-invite small{color:var(--dc-muted);font-size:12px}.dw-invite-cta{background:var(--dc-primary);color:var(--dc-primary-text,#fff);border-radius:999px;flex:none;padding:10px 14px;font-size:13px;font-weight:750}@media (max-width:420px){.dw-invite{flex-wrap:wrap}.dw-invite-cta{text-align:center;width:100%}}
.dc-drive-here{flex-direction:column;align-items:flex-start;gap:8px;margin:14px 0;display:flex}.dc-empty .dc-drive-here,.dc-panel .dc-drive-here{align-items:center;width:100%}.dc-drive-here p{max-width:36rem;color:var(--dc-muted);margin:0;font-size:13px}.dc-drive-arrived{color:var(--dc-text);align-items:center;gap:8px;font-weight:700;display:flex}
