.dragging{opacity:.5!important;transform:scale(.95)!important;transition:all .2s ease!important;cursor:grabbing!important}.drag-ghost{box-shadow:0 20px 40px #0009,0 0 0 2px #3b82f6cc,inset 0 1px #ffffff1a!important;border:2px solid #3b82f6!important;animation:ghostPulse 1s ease-in-out infinite alternate}@keyframes ghostPulse{0%{box-shadow:0 20px 40px #0009,0 0 0 2px #3b82f6cc,inset 0 1px #ffffff1a}to{box-shadow:0 25px 50px #000c,0 0 0 3px #3b82f6,inset 0 1px #ffffff1a}}.drop-zone-active{position:relative;transition:all .3s ease}.drop-zone-active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.2),transparent);border-radius:12px;animation:borderGlow 2s ease-in-out infinite;pointer-events:none;z-index:-1}.drop-zone-hover{background:#3b82f61a!important;border:2px dashed #3b82f6!important;border-radius:12px!important;transform:scale(1.02)!important}.drop-zone-hover:before{background:linear-gradient(45deg,#3b82f64d,#a855f74d,#3b82f64d);animation:borderGlow .5s ease-in-out infinite}.drop-zone-hover .insertion-indicator{position:absolute;width:3px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px;box-shadow:0 0 10px #3b82f6cc;animation:insertionPulse .8s ease-in-out infinite alternate;z-index:100}@keyframes borderGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes insertionPulse{0%{opacity:.6;box-shadow:0 0 5px #3b82f699}to{opacity:1;box-shadow:0 0 15px #3b82f6}}.hand-cards app-card{cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1)}.hand-cards app-card:active{cursor:grabbing}.cards-grid app-card{cursor:grab;transition:all .3s ease}.cards-grid app-card:hover{transform:translateY(-5px) scale(1.02)}.cards-grid app-card.dragging{cursor:grabbing;z-index:1000}.card.drag-valid-target{border-color:#22c55e!important;box-shadow:0 0 20px #22c55e80!important}.card.drag-invalid-target{border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important;opacity:.6!important}@media (max-width: 768px){.drag-ghost{transform:scale(.9) rotate(3deg)!important}.drop-zone-hover{transform:scale(1.01)!important}}@media (prefers-reduced-motion: reduce){.dragging,.drop-zone-active,.drop-zone-hover,.drag-ghost{animation:none!important;transition:none!important}}body{background-color:var(--bg-color);min-height:100vh;overflow:hidden;margin:0;-webkit-user-select:none;user-select:none}:root{--font-family: "Montserrat";--bg-color: #080808;--card-bg: #000000;--text-primary: #222222;--text-secondary: #555555;--selva-pink: #1b6b1d;--selva-orange: #084705;--selva-gradient: linear-gradient(90deg, var(--selva-pink) 0%, var(--selva-orange) 100%);--action-green: #00d3a3;--action-red: #ff4d4d;--shadow-light: 0 4px 15px rgba(0, 0, 0, .08);--shadow-strong: 0 8px 25px rgba(0, 0, 0, .15);--border-radius-card: 20px;--border-radius-btn: 50px}:host{display:block;height:100vh;width:100vw;background-color:var(--bg-color);font-family:var(--font-family);overflow:hidden}h1,h2,p,li,a{margin:0;font-family:var(--font-family)}button{background:var(--tinder-gradient);font-size:1rem;font-family:var(--font-family);color:#fff;outline:none;border-radius:20px;padding:10px;box-shadow:none;border:none;align-self:center}