@keyframes dro-slideUp{0%{opacity:0;transform:scale(.6) translateY(60px) rotate(-6deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}@keyframes dro-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dro-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.15;transform:scale(1.15)}}@keyframes dro-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes dro-wobble{0%,to{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}@keyframes dro-shimmer{0%{transform:translateX(-100%) skewX(-12deg)}to{transform:translateX(250%) skewX(-12deg)}}@keyframes dro-pulseBorder{0%,to{opacity:.8;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}@keyframes dro-coinFly{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg)}30%{opacity:1;transform:translate(var(--cx),var(--cy)) scale(1.2) rotate(180deg)}80%{opacity:1;transform:translate(var(--cx),var(--cy)) scale(1) rotate(1turn)}to{opacity:0;transform:translate(var(--cx),var(--cy)) scale(.8) rotate(1turn)}}@keyframes dro-glow{0%,to{opacity:.6}50%{opacity:1}}.dro-backdrop{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(0,0,0,.35);animation:dro-fadeIn .3s ease forwards}.dro-card{pointer-events:auto;position:relative;width:100%;max-width:400px;margin:0 16px;border-radius:28px;padding:4px;animation:dro-slideUp .55s cubic-bezier(.22,1.4,.55,1) forwards;overflow:visible;background:rgba(255,255,255,.28);backdrop-filter:blur(24px);box-shadow:0 24px 64px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.1)}.dark .dro-card,[data-theme=dark] .dro-card{background:rgba(15,23,42,.55);backdrop-filter:blur(28px);box-shadow:0 24px 64px rgba(0,0,0,.65),0 4px 16px rgba(0,0,0,.4),0 0 40px rgba(99,102,241,.12)}.dro-inner{border-radius:24px;padding:32px 24px 28px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(0,0,0,.45),rgba(0,0,0,.08))}.dark .dro-inner,[data-theme=dark] .dro-inner{background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(30,41,59,.7));border:1px solid rgba(99,102,241,.18)}.dro-shimmer-bar{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none;animation:dro-glow 2s ease-in-out infinite}.dark .dro-shimmer-bar,[data-theme=dark] .dro-shimmer-bar{background:linear-gradient(180deg,rgba(99,102,241,.15),transparent)}.dro-artwork-area{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:8px;min-height:220px}.dro-glow-img{width:240px;height:240px;object-fit:cover;transform:translate(-50%,-50%) rotate(0deg);animation:dro-spin 8s linear infinite;z-index:1}.dro-glow-img,.dro-pulse-ring{position:absolute;left:50%;top:50%;pointer-events:none}.dro-pulse-ring{width:160px;height:160px;border-radius:50%;background:rgba(100,116,139,.2);transform:translate(-50%,-50%);animation:dro-pulse 2s ease-in-out infinite}.dro-artwork-img{position:relative;z-index:2;object-fit:contain;pointer-events:none;user-select:none}.dro-artwork-img--win{width:200px}.dro-artwork-img--lose{width:160px;height:160px;animation:dro-wobble 2s ease-in-out infinite}.dro-text-area{border-radius:16px;padding:8px 24px 16px;margin-bottom:20px}.dro-title{color:#fff;text-align:center;font-size:24px;font-weight:900;letter-spacing:.04em;text-shadow:2px 2px 0 rgba(0,0,0,.2);margin:0 0 4px}.dro-subtitle{color:rgba(255,255,255,.8);text-align:center;font-size:14px;font-weight:500;margin:0}.dark .dro-subtitle,[data-theme=dark] .dro-subtitle{color:rgba(148,163,184,.9)}.dro-actions{display:flex;flex-direction:column;gap:10px;position:relative}.dro-coin-particle{position:absolute;top:50%;left:50%;font-size:20px;font-weight:900;color:#facc15;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));pointer-events:none;animation:dro-coinFly 1.6s ease-out infinite}.dro-btn-primary{position:relative;width:100%;border:none;border-radius:16px;padding:18px 24px;font-size:18px;font-weight:900;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:transform .15s,filter .15s;text-shadow:2px 2px 0 rgba(0,0,0,.2);outline:none}.dro-btn-primary:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}.dro-btn-primary:active{transform:scale(.98)}.dro-btn-primary--win{background:linear-gradient(180deg,#facc15,#eab308);border-bottom:3px solid #ca8a04}.dark .dro-btn-primary--win,[data-theme=dark] .dro-btn-primary--win{background:linear-gradient(180deg,#fbbf24,#d97706);border-bottom:3px solid #b45309;box-shadow:0 8px 24px rgba(251,191,36,.25)}.dro-btn-primary--lose{background:linear-gradient(180deg,#fb923c,#f97316);border-bottom:3px solid #ea580c}.dark .dro-btn-primary--lose,[data-theme=dark] .dro-btn-primary--lose{background:linear-gradient(180deg,#f97316,#ea580c);border-bottom:3px solid #c2410c;box-shadow:0 8px 24px rgba(249,115,22,.25)}.dro-btn-ring{position:absolute;inset:0;border-radius:16px;border:3px solid rgba(255,255,255,.5);animation:dro-pulseBorder 2s ease-in-out infinite;pointer-events:none}.dro-btn-ring--delay{animation-delay:.35s;border-color:rgba(255,255,255,.3)}.dro-btn-shimmer{position:absolute;inset:0;background:rgba(255,255,255,.22);transform:translateX(-100%) skewX(-12deg);animation:dro-shimmer 2s linear infinite;pointer-events:none}.dro-btn-icon{width:22px;height:22px;flex-shrink:0;transition:transform .2s}.dro-btn-primary:hover .dro-btn-icon{transform:translateX(3px)}.dro-btn-primary:hover .dro-btn-icon--retry{transform:rotate(-20deg)}.dro-footer{margin-top:16px;text-align:center;font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}.dro-footer span{color:#fff;font-weight:700}.dark .dro-footer,[data-theme=dark] .dro-footer{color:rgba(148,163,184,.85)}.dark .dro-footer span,[data-theme=dark] .dro-footer span{color:#94a3b8}