/* ==========================================================================\n   stormmu SITE MASTER V2 - FASE 3 / EVENTOS\n   Camada visual compartilhada. Não altera regras de jogo ou SQL.\n   ========================================================================== */\n\n@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');\n\n:root{\n  --sm-gold:#d4af37;\n  --sm-gold-2:#f2d36b;\n  --sm-gold-dark:#80611d;\n  --sm-bg:#06080a;\n  --sm-panel:#0d1115;\n  --sm-panel-2:#111820;\n  --sm-line:rgba(255,255,255,.085);\n  --sm-text:#f0f2f4;\n  --sm-muted:#aab4bd;\n}\n\n/* base de leitura */\nbody.sm-event-page{\n  background:\n    radial-gradient(circle at 50% -15%,rgba(212,175,55,.09),transparent 34%),\n    linear-gradient(180deg,#07090b 0%,#080b0e 48%,#050607 100%) !important;\n  color:var(--sm-text);\n}\n\nbody.sm-event-page,\n.quest-daily-v2{font-family:'Inter',sans-serif}\n\nbody.sm-event-page h1,body.sm-event-page h2,body.sm-event-page h3,\n.quest-daily-v2 h1,.quest-daily-v2 h2,.quest-daily-v2 h3{\n  text-wrap:balance;\n}\n\nbody.sm-event-page p, body.sm-event-page li,\n.quest-daily-v2 p,.quest-daily-v2 li{\n  line-height:1.7;\n}\n\n/* Hero comum */\n.hero-swamp,.hero-abyss,.hero-nixies,.hero-medusa,.hero-bloody,.hero-wing,.hero-internal{\n  isolation:isolate;\n  position:relative;\n  overflow:hidden;\n  min-height:300px;\n  padding:62px 20px 54px !important;\n  display:flex;\n  align-items:center;\n  border-bottom:1px solid rgba(212,175,55,.45) !important;\n  box-shadow:0 28px 90px rgba(0,0,0,.30);\n}\n\n.hero-swamp:before,.hero-abyss:before,.hero-nixies:before,.hero-medusa:before,.hero-bloody:before,.hero-wing:before,.hero-internal:before{\n  content:"" !important;\n  position:absolute !important;\n  inset:0 !important;\n  z-index:-2 !important;\n  opacity:1 !important;\n  transform:none !important;\n  background:\n    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.44) 52%,rgba(0,0,0,.72) 100%),\n    radial-gradient(circle at 72% 42%,var(--event-glow,rgba(212,175,55,.16)),transparent 32%),\n    linear-gradient(135deg,var(--event-deep,#0d1217),#07090b 72%);\n}\n\n.hero-swamp:after,.hero-abyss:after,.hero-nixies:after,.hero-medusa:after,.hero-bloody:after,.hero-wing:after,.hero-internal:after{\n  content:var(--event-mark,"EVENT") !important;\n  position:absolute !important;\n  right:3vw !important;\n  bottom:-.20em !important;\n  top:auto !important;left:auto !important;\n  z-index:-1 !important;\n  font:800 clamp(5rem,14vw,11rem)/1 'Cinzel',serif !important;\n  letter-spacing:-.06em !important;\n  color:rgba(255,255,255,.027) !important;\n  opacity:1 !important;\n  transform:none !important;\n  pointer-events:none;\n}\n\n.hero-swamp .container,.hero-abyss .container,.hero-nixies,.hero-medusa .container,.hero-bloody .container,.hero-wing .container,.hero-internal .container{\n  position:relative;z-index:2;\n}\n\n.page-title{\n  font-family:'Cinzel',serif !important;\n  font-size:clamp(2.25rem,5vw,4.4rem) !important;\n  line-height:1.03 !important;\n  letter-spacing:-.035em !important;\n  color:#fff !important;\n  text-shadow:0 10px 30px rgba(0,0,0,.45),0 0 25px var(--event-glow,rgba(212,175,55,.20)) !important;\n  margin-bottom:14px !important;\n}\n.page-title i{color:var(--event-accent,var(--sm-gold)) !important}\n.page-subtitle{\n  max-width:900px;\n  color:#c2c9cf !important;\n  font-size:clamp(.98rem,1.35vw,1.14rem) !important;\n  line-height:1.7 !important;\n}\n\n/* conteúdo principal */\n.container-swamp,.container-abyss,.container-nixies,.container-event,.container-bloody,.container-wing{\n  max-width:1440px !important;\n  padding:34px 22px 76px !important;\n}\n\n.event-grid{gap:24px !important;align-items:start}\n.event-info,.event-rewards,.sidebar-box,.npc-card,.info-box,.warning-box,.death-box,.schedule-box,.phase-card,.mechanic-card,.feature-card,.progression-intro,.tier-card,.reward-hero{\n  border-color:var(--event-line,rgba(212,175,55,.20)) !important;\n  box-shadow:0 16px 46px rgba(0,0,0,.20);\n}\n\n.event-info,.event-rewards{\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.024),transparent 42%),\n    linear-gradient(180deg,#10161b,#0a0d10) !important;\n  border:1px solid var(--event-line,rgba(212,175,55,.18)) !important;\n  border-radius:18px !important;\n}\n\n.event-info{padding:30px !important}\n.event-rewards{padding:24px !important;top:92px !important}\n.event-info>h2,.event-rewards>h3{\n  font-family:'Cinzel',serif !important;\n  color:#f6e4a3 !important;\n  letter-spacing:-.015em;\n}\n.event-info>h2 i,.event-rewards>h3 i{color:var(--event-accent,var(--sm-gold)) !important}\n.event-description{color:#c0c7cd !important;font-size:.98rem !important}\n.event-description strong{color:#fff}\n\n/* cartões e blocos */\n.npc-card,.info-box,.warning-box,.death-box,.schedule-box,.phase-card,.mechanic-card,.feature-card,.progression-intro,.tier-card,.sidebar-box,.reward-big,.reward-item{\n  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012)) !important;\n  border:1px solid var(--event-line,rgba(212,175,55,.17)) !important;\n  border-radius:13px !important;\n}\n\n.feature-card,.mechanic-card,.phase-card,.portal-item,.skill-card,.stat-card{\n  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;\n}\n.feature-card:hover,.mechanic-card:hover,.phase-card:hover,.portal-item:hover,.skill-card:hover,.stat-card:hover{\n  transform:translateY(-3px) !important;\n  border-color:var(--event-accent,var(--sm-gold)) !important;\n  box-shadow:0 16px 34px rgba(0,0,0,.26),0 0 0 1px color-mix(in srgb,var(--event-accent,var(--sm-gold)) 18%,transparent);\n}\n\n.feature-title,.phase-title,.intro-title,.schedule-title,.sidebar-section h4{color:#f0d887 !important}\n.feature-desc,.phase-story,.phase-details,.detail-item,.sidebar-section p,.sidebar-section li{color:#adb8c1 !important}\n\n/* tabelas */\n.gate-table,.jewel-table,.material-table{\n  width:100%;\n  overflow:hidden;\n  border-radius:12px !important;\n  border:1px solid var(--event-line,rgba(212,175,55,.17)) !important;\n  border-collapse:separate !important;\n  border-spacing:0 !important;\n}\n.gate-table th,.jewel-table th,.material-table th{\n  background:linear-gradient(180deg,rgba(212,175,55,.14),rgba(212,175,55,.055)) !important;\n  color:#f2db91 !important;\n  font-size:.76rem !important;\n  text-transform:uppercase;\n  letter-spacing:.08em;\n}\n.gate-table td,.jewel-table td,.material-table td{\n  color:#c6cdd3 !important;\n  border-color:rgba(255,255,255,.055) !important;\n}\n.gate-table tr:hover td,.jewel-table tr:hover td,.material-table tr:hover td{background:rgba(255,255,255,.025)}\n\n/* badges / horários */\n.hero-pills,.quick-stats{gap:8px !important}\n.hero-pill,.stat-card,.schedule-time,.ultra-tag,.phase-badge{\n  border:1px solid var(--event-line,rgba(212,175,55,.18)) !important;\n  background:rgba(8,11,14,.72) !important;\n  color:#e8edf0 !important;\n}\n.stat-value,.event-time,.time-highlight,.schedule-time{color:var(--event-accent,var(--sm-gold)) !important}\n\n/* comandos */\n.command-item code{\n  background:#06080a !important;\n  border:1px solid var(--event-line,rgba(212,175,55,.20)) !important;\n  color:#f0d77e !important;\n}\n.command-desc{color:#aab4bc !important}\n\n/* Cores por evento */\nbody.sm-event-swamp{--event-accent:#b9c95c;--event-glow:rgba(103,156,70,.24);--event-deep:#0a1510;--event-line:rgba(172,196,91,.20);--event-mark:"SWAMP"}\nbody.sm-event-abyss{--event-accent:#55c6d8;--event-glow:rgba(40,144,173,.25);--event-deep:#07151c;--event-line:rgba(85,198,216,.20);--event-mark:"ABYSS"}\nbody.sm-event-nixies{--event-accent:#7fd6ff;--event-glow:rgba(70,158,210,.26);--event-deep:#081522;--event-line:rgba(127,214,255,.21);--event-mark:"NIXIES"}\nbody.sm-event-medusa{--event-accent:#d47ad7;--event-glow:rgba(130,53,137,.27);--event-deep:#160a18;--event-line:rgba(212,122,215,.20);--event-mark:"MEDUSA"}\nbody.sm-event-bloody{--event-accent:#ef7b66;--event-glow:rgba(155,40,27,.27);--event-deep:#1a0b09;--event-line:rgba(239,123,102,.20);--event-mark:"TARKAN"}\nbody.sm-event-wing{--event-accent:#dbb1ff;--event-glow:rgba(133,82,171,.25);--event-deep:#130d1a;--event-line:rgba(219,177,255,.18);--event-mark:"LVL 5"}\nbody.sm-event-hub{--event-accent:#e2bf5a;--event-glow:rgba(212,175,55,.22);--event-deep:#151007;--event-line:rgba(212,175,55,.19);--event-mark:"EVENTOS"}\n\n/* Swamp */\nbody.sm-event-swamp .npc-avatar{background:linear-gradient(135deg,#566925,#1a2514) !important;border-color:#b9c95c !important}\nbody.sm-event-swamp .npc-coord{color:#c7d878 !important}\n\n/* Abismo */\nbody.sm-event-abyss .water-text{color:#72d8e7 !important}\nbody.sm-event-abyss .brilliant-text{color:#f0d77e !important;text-shadow:0 0 16px rgba(212,175,55,.18)}\nbody.sm-event-abyss .tier-card{overflow:hidden}\nbody.sm-event-abyss .tier-card:before{background:linear-gradient(90deg,#2f8091,#d4af37) !important}\nbody.sm-event-abyss .tier-reward{background:rgba(255,255,255,.024) !important;border-color:rgba(85,198,216,.12) !important}\n\n/* Nixies */\nbody.sm-event-nixies .lake{color:#80d8ff !important}\nbody.sm-event-nixies .team-red{background:linear-gradient(135deg,#6d151d,#c33a45) !important}\nbody.sm-event-nixies .team-blue{background:linear-gradient(135deg,#124b70,#2988be) !important}\nbody.sm-event-nixies .reward-item{padding:11px 12px !important}\n\n/* Medusa */\nbody.sm-event-medusa .phase-card{border-left:2px solid rgba(212,122,215,.6) !important}\nbody.sm-event-medusa .phase-card:hover{transform:translateY(-3px) !important}\n\n/* Bloody */\nbody.sm-event-bloody .npc-avatar{background:linear-gradient(135deg,#6d1711,#24100e) !important}\n\n/* LVL 5 */\nbody.sm-event-wing .mechanic-card>i{color:#dbb1ff !important}\n\n/* central de eventos */\nbody.sm-event-hub .hero-internal{min-height:260px}\nbody.sm-event-hub .stats-row{gap:8px !important}\nbody.sm-event-hub .stat-badge{\n  background:#0d1115 !important;\n  border:1px solid rgba(212,175,55,.18) !important;\n  color:#c6cdd3 !important;\n}\nbody.sm-event-hub .events-nav{\n  background:rgba(9,12,15,.82) !important;\n  border:1px solid rgba(212,175,55,.16) !important;\n  border-radius:14px !important;\n  padding:8px !important;\n}\nbody.sm-event-hub .tab-btn,body.sm-event-hub .direct-link{\n  border-radius:9px !important;\n  color:#adb7bf !important;\n}\nbody.sm-event-hub .tab-btn.active,body.sm-event-hub .tab-btn:hover,body.sm-event-hub .direct-link:hover{\n  background:linear-gradient(135deg,rgba(212,175,55,.17),rgba(212,175,55,.06)) !important;\n  color:#f3df9e !important;\n}\n\n/* Quest diária: preserva o layout próprio e melhora a leitura */\n.quest-daily-v2{\n  --gold:#d4af37 !important;\n  color:#eef1f3 !important;\n}\n.quest-daily-v2 .qd-hero{\n  border-color:rgba(212,175,55,.24) !important;\n  background:\n    radial-gradient(circle at 78% 20%,rgba(212,175,55,.12),transparent 28%),\n    linear-gradient(145deg,#121820,#080b0e 70%) !important;\n  box-shadow:0 30px 80px rgba(0,0,0,.30) !important;\n}\n.quest-daily-v2 .qd-eyebrow,.quest-daily-v2 .qd-hero-icon,.quest-daily-v2 .qd-countdown strong{color:#eed177 !important}\n.quest-daily-v2 .qd-hero-description{color:#b8c1c8 !important}\n.quest-daily-v2 .qd-hub-card,.quest-daily-v2 .qd-card,.quest-daily-v2 .qd-panel{\n  border-color:rgba(212,175,55,.15) !important;\n  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)) !important;\n}\n.quest-daily-v2 .qd-button.primary{\n  background:linear-gradient(135deg,#ecd06e,#9f741c) !important;\n  color:#090909 !important;\n  border-color:#f0d77e !important;\n}\n\n/* mobile */\n@media(max-width:980px){\n  .event-grid{grid-template-columns:1fr !important}\n  .event-rewards{position:static !important}\n  .hero-swamp,.hero-abyss,.hero-nixies,.hero-medusa,.hero-bloody,.hero-wing,.hero-internal{min-height:240px;padding:44px 18px 38px !important}\n  .event-info{padding:22px !important}\n}\n@media(max-width:640px){\n  .page-title{font-size:clamp(2rem,11vw,3rem) !important}\n  .page-subtitle{font-size:.92rem !important}\n  .container-swamp,.container-abyss,.container-nixies,.container-event,.container-bloody,.container-wing{padding-left:14px !important;padding-right:14px !important}\n  .event-info,.event-rewards{padding:18px !important;border-radius:14px !important}\n}\n