/* Shithead power cards */
.card.power { background: linear-gradient(160deg, #4a1a7a 0%, #2a0d4d 55%, #170527 100%); color: #f3e8ff; border: 2px solid #c79bff; box-shadow: 0 0 0 1px #2a0d4d, 0 3px 10px rgba(0,0,0,.45), 0 0 14px rgba(170,110,255,.35); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px 3px; }
.card.power .pw-bolt { font-size: 26px; line-height: 1; filter: drop-shadow(0 0 6px rgba(255,220,120,.8)); }
.card.power .pw-name { font-family: var(--display); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; text-align: center; line-height: 1.05; color: #ffd98a; word-break: break-word; }
.card.power.lg .pw-bolt { font-size: 32px; } .card.power.lg .pw-name { font-size: 11px; }
.card.power.sm { padding: 2px; } .card.power.sm .pw-bolt { font-size: 18px; } .card.power.sm .pw-name { font-size: 7px; }
.card.power.tiny { display: inline-flex; align-items: center; justify-content: center; }
.card.power.tiny .big { font-size: 16px; line-height: 1; filter: drop-shadow(0 0 4px rgba(255,220,120,.8)); }
.hand .card.power.legal { animation: pwGlow 1.6s ease-in-out infinite; }
.hand .card.power.selected { box-shadow: 0 0 0 3px #ffd98a, 0 8px 18px rgba(0,0,0,.45), 0 0 22px rgba(199,155,255,.7); }
.hand .card.power.dim { opacity: .35; animation: none; }
@keyframes pwGlow { 0%, 100% { box-shadow: 0 0 0 1px #2a0d4d, 0 3px 10px rgba(0,0,0,.45), 0 0 10px rgba(170,110,255,.3); } 50% { box-shadow: 0 0 0 1px #2a0d4d, 0 3px 10px rgba(0,0,0,.45), 0 0 22px rgba(199,155,255,.8); } }

/* room with power cards on: a purple tint on the felt */
#shithead.power-on .sh-main { background: radial-gradient(ellipse at 50% 30%, rgba(120,60,200,.18), transparent 65%); }

/* direction, skipped and blind date tags */
.sh-dir { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-dim); white-space: nowrap; }
.sh-dir.rev { color: #e3b8ff; }
.tag.sh-skip { background: rgba(255,107,90,.25); color: var(--bad); }
.tag.sh-blind { background: rgba(199,155,255,.25); color: #e3b8ff; }

/* action bar note when a power card is selected */
.sh-pw-note b { color: #e3b8ff; display: block; }
.sh-pw-note i { color: var(--ink-dim); }

/* picker sheet */
.sh-pw-blurb { margin: 0 0 12px; color: var(--ink-dim); font-size: 14px; }
.sh-gift-hand { justify-content: flex-start; flex-wrap: wrap; gap: 8px; padding: 14px 0 16px; overflow: visible; }
.sh-gift-hand .card { margin: 0; }
.sh-gift-hand .card.selected { transform: translateY(-8px); }

/* power pop-up */
.event-pop.sh-pw-pop { background: linear-gradient(135deg, #5b1fa3, #2a0d4d); border: 1.5px solid #c79bff; }
.event-pop.sh-pw-pop.on-me { background: linear-gradient(135deg, #8a1fb3, #b3001b); animation: popIn .25s ease-out, pwShake .5s ease-in-out .25s; }
.event-pop.sh-pw-pop.on-me.out { animation: popOut .3s ease-in forwards; }
@keyframes pwShake { 0%, 100% { transform: translateX(-50%); } 25% { transform: translateX(calc(-50% - 6px)); } 75% { transform: translateX(calc(-50% + 6px)); } }

/* rules block injected when power cards are on */
.sh-pw-rules { margin-bottom: 14px; border: 1.5px solid rgba(199,155,255,.5); }
.sh-pw-big { font-size: 20px; }