/*!
 * Castle Siege — Premium Rework para RelampagoMu
 * Fondo: castle_siege_premium.jpg | Acentos oro #f2b13c
 */

/* ============ ANIMACIONES ============ */
@property --cs-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes cs-spin { to { --cs-angle:360deg; } }
@keyframes cs-glow-pulse {
  0%,100% { box-shadow:0 0 18px rgba(242,177,60,.35), 0 0 46px rgba(242,177,60,.12); }
  50%     { box-shadow:0 0 30px rgba(242,177,60,.65), 0 0 80px rgba(242,177,60,.22); }
}
@keyframes cs-shine-sweep {
  0% { background-position:-200% 0; } 100% { background-position:200% 0; }
}

/* ============ WIDGET ============ */
.castle-owner-widget {
  background:
    linear-gradient(rgba(6,6,12,.62), rgba(6,6,12,.82)),
    #050508 url('../img/castle_siege_premium.jpg') no-repeat center top;
  background-size:cover;
  color:#e8e4d8;
  border-radius:16px;
  border:1px solid rgba(242,177,60,.45);
  box-shadow:0 8px 32px rgba(0,0,0,.65), 0 0 24px rgba(242,177,60,.14), inset 0 1px 0 rgba(255,255,255,.08);
  padding:22px;
  text-shadow:0 1px 3px #000;
  transition:transform .25s ease, box-shadow .25s ease;
  overflow:hidden;
  position:relative;
}
.castle-owner-widget:hover { transform:translateY(-3px); box-shadow:0 14px 44px rgba(0,0,0,.75), 0 0 36px rgba(242,177,60,.25); }
.castle-owner-widget .panel-heading { text-align:center; border:none; background:transparent; padding:0 0 12px; }
.castle-owner-widget .panel-heading .panel-title {
  font-size:26px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:#f2b13c; text-shadow:0 0 18px rgba(242,177,60,.55), 0 2px 4px #000;
}
.castle-owner-widget .panel-body { padding:6px 2px 2px; }
/* Logo de la guild con marco brilloso animado */
.castle-owner-widget .panel-body img {
  width:104px !important; height:104px !important;
  border-radius:14px; padding:4px;
  border:3px solid transparent;
  background:
    linear-gradient(#0b0b12,#0b0b12) padding-box,
    conic-gradient(from var(--cs-angle), #f2b13c, #fff6d8, #f2b13c, #7a4d12, #f2b13c) border-box;
  animation:cs-spin 5s linear infinite, cs-glow-pulse 3s ease-in-out infinite;
}
.castle-owner-widget .panel-body span.alt {
  color:#f2b13c; font-weight:700; font-size:11px; letter-spacing:1.5px; text-transform:uppercase;
}
.castle-owner-widget .panel-body a { color:#fff; font-weight:600; font-size:16px; }
.castle-owner-widget .panel-body a:hover { color:#f2b13c; text-decoration:none; }
.btn-castlewidget {
  color:#1a1005 !important; font-weight:700; letter-spacing:1px; text-transform:uppercase; font-size:11px;
  background:linear-gradient(180deg,#ffe9ad 0%, #f2b13c 45%, #c07f16 100%) !important;
  border:1px solid #8a5a1a !important; border-radius:8px !important;
  padding:9px 22px !important; text-shadow:none !important;
  box-shadow:0 4px 14px rgba(242,177,60,.35), inset 0 1px 0 rgba(255,255,255,.55);
  transition:all .18s ease-in !important;
  position:relative; overflow:hidden;
}
.btn-castlewidget::after {
  content:''; position:absolute; top:0; left:0; right:0; bottom:0;
  background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.55) 50%, transparent 60%);
  background-size:200% 100%; animation:cs-shine-sweep 2.8s ease-in-out infinite;
}
.btn-castlewidget:hover, .btn-castlewidget:active, .btn-castlewidget:focus {
  color:#000 !important; filter:brightness(112%);
  box-shadow:0 6px 22px rgba(242,177,60,.55), inset 0 1px 0 rgba(255,255,255,.6);
  transform:translateY(-1px);
}

/* ============ PÁGINA DEL MÓDULO ============ */
.castle-siege-block .castle-owner-panel {
  background:
    linear-gradient(rgba(6,6,12,.55), rgba(6,6,12,.8)),
    #050508 url('../img/castle_siege_premium.jpg') no-repeat center 30%;
  background-size:cover;
  color:#fff; border-radius:18px;
  border:1px solid rgba(242,177,60,.5);
  box-shadow:0 12px 44px rgba(0,0,0,.7), 0 0 30px rgba(242,177,60,.12), inset 0 1px 0 rgba(255,255,255,.08);
  padding:34px 28px; text-shadow:0 2px 4px #000;
  position:relative; overflow:hidden;
}
.castle-siege-block .castle-owner-panel a { color:#f5efdd; }
.castle-siege-block .castle-owner-panel a:hover, .castle-siege-block .castle-owner-panel a:active { color:#f2b13c; text-decoration:none; }
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name,
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name a {
  color:#f2b13c !important; display:block; padding:6px;
  font-size:34px; font-weight:800; letter-spacing:2px;
  text-shadow:0 0 24px rgba(242,177,60,.6), 0 3px 6px #000;
}
/* Logo grande con marco brilloso */
.castle-siege-block .castle-owner-panel .panel-body img {
  border-radius:18px; padding:5px;
  border:4px solid transparent;
  background:
    linear-gradient(#0b0b12,#0b0b12) padding-box,
    conic-gradient(from var(--cs-angle), #f2b13c, #fff6d8, #f2b13c, #7a4d12, #f2b13c) border-box;
  animation:cs-spin 6s linear infinite, cs-glow-pulse 3.2s ease-in-out infinite;
  margin:14px 0;
}
.castle-siege-block .castle-owner-panel .panel-body h4 {
  color:#f2b13c !important; letter-spacing:2px; text-transform:uppercase; font-size:14px; margin-top:10px;
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally-title { margin-top:22px; }
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally {
  padding:8px 0; border-top:1px solid rgba(242,177,60,.18);
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally img {
  width:34px !important; height:34px !important; border-width:2px; border-radius:9px; margin:0; animation-duration:7s;
}

/* Títulos de sección */
.castle-siege-block h2 {
  color:#f2b13c; letter-spacing:2px; text-transform:uppercase; font-size:20px;
  border-bottom:2px solid rgba(242,177,60,.4); padding-bottom:10px; margin:34px 0 18px;
  text-shadow:0 2px 6px rgba(0,0,0,.8);
}
.castle-siege-block h2::before { content:'⚔ '; }

/* Cuenta regresiva */
.castle-siege-block #siegeTimer {
  font-size:54px; font-weight:800; text-align:center; letter-spacing:2px;
  color:#fff; text-shadow:0 0 30px rgba(242,177,60,.7), 0 4px 8px #000;
  background:linear-gradient(rgba(6,6,12,.72), rgba(6,6,12,.85)), #050508 url('../img/castle_siege_premium.jpg') no-repeat center 60%;
  background-size:cover;
  border:1px solid rgba(242,177,60,.45); border-radius:16px; padding:30px 10px;
  box-shadow:0 10px 36px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07);
}
.castle-siege-block #siegeTimer span { color:#f2b13c; font-size:26px; font-weight:600; }

/* Tablas premium */
.castle-siege-block table.table {
  background:rgba(8,8,14,.88); border-radius:14px; overflow:hidden;
  border:1px solid rgba(242,177,60,.3);
  box-shadow:0 8px 28px rgba(0,0,0,.6);
}
.castle-siege-block table.table thead th {
  background:linear-gradient(180deg, rgba(242,177,60,.22), rgba(242,177,60,.08));
  color:#f2b13c; letter-spacing:1px; text-transform:uppercase; font-size:12px;
  border-bottom:2px solid rgba(242,177,60,.45); padding:13px 10px;
}
.castle-siege-block table.table tbody td {
  border-top:1px solid rgba(255,255,255,.06); padding:11px 10px; vertical-align:middle;
}
.castle-siege-block table.table tbody tr { transition:background .15s ease; }
.castle-siege-block table.table tbody tr:hover { background:rgba(242,177,60,.07); }
.castle-siege-block table.table tbody td img {
  border-radius:8px; padding:2px; border:2px solid transparent;
  background:linear-gradient(#0b0b12,#0b0b12) padding-box,
    linear-gradient(135deg,#f2b13c,#7a4d12) border-box;
}
.castle-siege-block hr { border-top:1px solid rgba(242,177,60,.25); margin:30px 0; }

/* Responsive */
@media (max-width:767px) {
  .castle-siege-block #siegeTimer { font-size:34px; padding:20px 6px; }
  .castle-siege-block .castle-owner-panel .panel-body .castle-owner-name,
  .castle-siege-block .castle-owner-panel .panel-body .castle-owner-name a { font-size:26px; }
}