.revenge-badge{position:relative;cursor:pointer;transition:transform .2s;-webkit-tap-highlight-color:transparent}.revenge-badge:hover{transform:scale(1.1)}.revenge-badge:active{transform:scale(.95)}.revenge-icon{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.revenge-count{position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;background:#f44336;color:#fff;font-size:11px;font-weight:800;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px rgba(244,67,54,.5);animation:revengePulse 2s ease-in-out infinite}.revenge-count.empty{display:none}@keyframes revengePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.revenge-modal-content{max-width:560px;background:linear-gradient(135deg,#1a0a0a 0,#2d1212 40%,#1a0505 100%)!important;border:2px solid rgba(244,67,54,.3)!important;border-radius:20px!important;padding:0!important;overflow:hidden}.revenge-header{background:linear-gradient(135deg,rgba(244,67,54,.15),rgba(255,152,0,.1));padding:24px;text-align:center;border-bottom:1px solid rgba(244,67,54,.15)}.revenge-header h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 4px 0;text-shadow:0 0 15px rgba(244,67,54,.3)}.revenge-header p{color:rgba(255,200,200,.6);font-size:13px;margin:0}.revenge-stats-row{display:flex;justify-content:center;gap:24px;margin-top:16px}.revenge-stat{text-align:center}.revenge-stat-num{display:block;font-size:28px;font-weight:800;color:#ff6b6b}.revenge-stat-label{font-size:11px;color:rgba(255,200,200,.5);text-transform:uppercase;letter-spacing:1px}.revenge-list{padding:16px;max-height:50vh;overflow-y:auto}.revenge-list::-webkit-scrollbar{width:4px}.revenge-list::-webkit-scrollbar-thumb{background:rgba(244,67,54,.3);border-radius:4px}.revenge-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(244,67,54,.1);border-radius:12px;margin-bottom:8px;transition:all .2s}.revenge-item:hover{background:rgba(244,67,54,.08);border-color:rgba(244,67,54,.25)}.revenge-item-icon{font-size:24px;flex-shrink:0}.revenge-item-text{flex:1;min-width:0}.revenge-item-question{color:rgba(255,255,255,.85);font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revenge-item-meta{color:rgba(255,200,200,.4);font-size:11px;margin-top:2px}.revenge-item-type{display:inline-block;padding:2px 8px;background:rgba(244,67,54,.15);border-radius:6px;color:rgba(255,200,200,.6);font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.revenge-actions{padding:16px 24px 24px;display:flex;flex-direction:column;gap:10px}.revenge-start-btn{width:100%;padding:16px;background:linear-gradient(135deg,#f44336,#ff5722);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(244,67,54,.35)}.revenge-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(244,67,54,.5)}.revenge-start-btn:active{transform:translateY(0)}.revenge-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.revenge-clear-btn{width:100%;padding:12px;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.4);font-size:13px;cursor:pointer;transition:all .2s}.revenge-clear-btn:hover{border-color:rgba(244,67,54,.3);color:rgba(255,200,200,.6)}.revenge-empty{text-align:center;padding:40px 24px}.revenge-empty-icon{font-size:64px;margin-bottom:12px}.revenge-empty-text{color:rgba(255,255,255,.5);font-size:15px;font-weight:600}.revenge-empty-sub{color:rgba(255,200,200,.3);font-size:12px;margin-top:6px}.revenge-mode-banner{position:absolute;top:8px;right:8px;background:rgba(244,67,54,.9);color:#fff;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;z-index:20;letter-spacing:.5px;animation:revengeBannerGlow 2s ease-in-out infinite alternate}@keyframes revengeBannerGlow{0%{box-shadow:0 0 8px rgba(244,67,54,.3)}100%{box-shadow:0 0 16px rgba(244,67,54,.6)}}@media (max-width:480px){.revenge-modal-content{max-width:95vw}.revenge-header{padding:18px}.revenge-header h2{font-size:18px}.revenge-stat-num{font-size:24px}.revenge-list{padding:12px;max-height:40vh}.revenge-actions{padding:12px 16px 18px}.revenge-start-btn{font-size:15px;padding:14px}.revenge-count{min-width:18px;height:18px;font-size:10px}}.revenge-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}.title-icon{width:100px;height:100px;object-fit:contain;display:inline-block;flex-shrink:0}.revenge-badge{display:flex;align-items:center;gap:6px;cursor:pointer}.revenge-icon{width:65px;height:65px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 6px rgba(0,255,255,.7))}.revenge-count{font-weight:700}.android-app .revenge-badge{width:44px!important;height:44px!important;background:rgba(255,255,255,.1)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.android-app .revenge-icon{width:28px!important;height:28px!important;filter:none!important}.android-app .revenge-count{top:-4px!important;right:-4px!important;min-width:16px!important;height:16px!important;font-size:9px!important}@media (max-width:768px){.revenge-icon{width:40px!important;height:40px!important}.revenge-badge{gap:4px!important}.revenge-count{font-size:9px!important;min-width:15px!important;height:15px!important;top:-3px!important;right:-3px!important}}@media (max-width:480px){.revenge-icon{width:32px!important;height:32px!important}}@media (max-width:380px){.revenge-icon{width:26px!important;height:26px!important}}
/* ── Fix: Actions bar always visible, outside scrollable list ── */
.revenge-actions-bar {
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}

/* Limit list height so actions are never pushed below viewport */
.revenge-list {
  max-height: 45vh !important;
}

/* Modal content flex layout so actions stick to bottom */
.revenge-modal-content {
  display: flex;
  flex-direction: column;
}