/* HNRP Website UI V6 - exact neon hero refinement */
:root{
  --hnrp-bg:#04152e;
  --hnrp-bg-2:#061d3d;
  --hnrp-line:rgba(77,164,255,.28);
  --hnrp-line-strong:rgba(90,183,255,.58);
  --hnrp-text:#eef7ff;
  --hnrp-muted:#a9c4e1;
  --hnrp-accent:#1790ff;
  --hnrp-accent-2:#67d4ff;
  --hnrp-panel:rgba(6,22,50,.86);
  --hnrp-panel-2:rgba(9,32,66,.92);
}
html,body{background:var(--hnrp-bg)!important;color:var(--hnrp-text)!important}
body{font-family:"Segoe UI",Inter,system-ui,-apple-system,sans-serif!important}
.site-header{position:sticky;top:0;z-index:80;background:rgba(4,15,34,.88)!important;border-bottom:1px solid rgba(109,181,255,.16)!important;backdrop-filter:blur(18px) saturate(150%);box-shadow:0 12px 42px rgba(0,0,0,.28)}
.nav-shell{max-width:1440px!important;min-height:86px!important;padding:0 32px!important;gap:28px!important}
.brand,.brand:visited{display:flex;align-items:center;gap:0!important;flex-shrink:0;text-decoration:none}
.brand-mark{display:none!important}
.brand-text{display:none!important}
.hnrp-brand-v2-link,.hnrp-brand-update{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1!important;text-decoration:none!important}
.hnrp-brand-update>img{width:155px!important;max-height:none!important;filter:drop-shadow(0 0 8px rgba(69,180,255,.35))}
.hnrp-brand-update>.hnrp-brand-subtitle{margin-top:0!important;padding-left:5px!important;font:800 10px/1.1 "Segoe UI",Inter,sans-serif!important;letter-spacing:.22em!important;color:#f3f8ff!important;opacity:.96}
.main-nav{display:flex;align-items:center;gap:14px!important;flex-wrap:wrap}
.main-nav a{display:inline-flex!important;align-items:center;gap:8px;color:#f1f8ff!important;font-size:14px!important;font-weight:700!important;line-height:1;padding:12px 14px!important;border-radius:999px;transition:background .2s ease, box-shadow .2s ease, transform .16s ease, color .2s ease;border:1px solid transparent;opacity:.95}
.main-nav a::after{display:none!important}
.main-nav a:hover{transform:translateY(-1px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06)}
.main-nav a:first-child,.main-nav a[data-nav="home"],.main-nav a.active-home{padding:14px 24px!important;background:linear-gradient(180deg,#103f7d,#0f325f)!important;border:1px solid rgba(99,174,255,.65)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(53,142,255,.12), 0 10px 24px rgba(9,23,53,.34)!important}
.main-nav a:first-child:hover,.main-nav a[data-nav="home"]:hover,.main-nav a.active-home:hover{background:linear-gradient(180deg,#14488d,#12406f)!important}
.hnrp-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#d9efff;flex:none}
.hnrp-nav-icon svg{width:18px;height:18px;display:block}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px!important}
.account-btn{min-height:52px!important;padding:0 22px!important;border-radius:16px!important;background:linear-gradient(180deg,#102f57,#0d294d)!important;border:1px solid rgba(99,174,255,.42)!important;color:#f5fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(4,13,31,.28)!important;font-size:14px!important;font-weight:800!important;gap:10px!important}
.account-btn:hover{background:linear-gradient(180deg,#143c6b,#10365f)!important;transform:translateY(-1px)!important}
.account-btn svg{width:18px!important;height:18px!important;color:#f5fbff!important}
.mobile-toggle{background:#0d294d!important;border:1px solid rgba(99,174,255,.32)!important;color:#fff!important}

.hnrp-home-v2{background:linear-gradient(180deg,#04152e 0%,#06172e 100%)!important}
.v22-hero,.v2-hero{position:relative!important;min-height:min(980px,calc(100vh - 18px))!important;overflow:hidden!important;background:#041428!important;isolation:isolate}
.v22-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,38,.06) 0%,rgba(4,15,34,.12) 38%,rgba(4,15,34,.62) 76%,#071a36 100%),radial-gradient(circle at 50% 22%,transparent 0 22%,rgba(4,13,30,.12) 58%,rgba(4,13,30,.42) 100%);z-index:1;pointer-events:none}
.v22-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:185px;background:linear-gradient(180deg,rgba(6,23,45,0) 0%,rgba(6,23,45,.82) 75%,#0b2241 100%);z-index:2;pointer-events:none}
.v22-hero-image{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
.v22-hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 34%!important;filter:saturate(1.16) contrast(1.06) brightness(1.02)!important;transform:scale(1.01)}
.v22-hero-shade{display:none!important}
.v22-hero-content,.v2-hero-content{position:relative!important;z-index:4!important;max-width:1400px!important;margin:0 auto!important;min-height:min(980px,calc(100vh - 18px))!important;padding:148px 32px 88px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:28px!important}
.v22-hero-copy,.v2-hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:22px!important;max-width:1200px!important;margin:0 auto!important}
.v22-hero-eyebrow,.v2-hero-eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px;padding:0 22px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(11,37,69,.92),rgba(9,30,60,.92))!important;border:1px solid rgba(107,177,255,.24)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.28em!important;box-shadow:0 12px 25px rgba(2,7,22,.24), inset 0 1px 0 rgba(255,255,255,.04)!important}
.v22-hero-copy h1,.v2-hero-copy h1{margin:0!important;color:#fff!important;font-weight:900!important;font-size:clamp(52px,5.8vw,96px)!important;line-height:.96!important;letter-spacing:-.055em!important;text-shadow:0 10px 30px rgba(1,7,20,.35)!important}
.v22-hero-copy h1 em,.v2-hero-copy h1 em{font-style:normal!important;color:#fff!important}
.v2-live-board{position:relative!important;z-index:4!important;width:min(100%,1180px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px 250px!important;align-items:center!important;gap:26px!important;padding:28px 30px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(5,20,47,.90),rgba(7,28,60,.92))!important;border:1px solid rgba(75,160,255,.34)!important;box-shadow:0 24px 70px rgba(1,8,22,.48), inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px) saturate(130%)!important;overflow:hidden!important}
.v2-live-board::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(68,161,255,.22),rgba(89,214,255,.16),rgba(68,161,255,.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.v2-live-board::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(76,173,255,.95),rgba(97,227,255,.92),transparent);box-shadow:0 0 22px rgba(68,183,255,.8)}
.v2-live-left{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0}
.v2-board-label{display:flex!important;align-items:center!important;gap:14px!important;color:#c3e0fb!important;font-size:12px!important;font-weight:800!important;letter-spacing:.23em!important}
.v2-live-pulse{width:14px!important;height:14px!important;border-radius:50%!important;background:#39f0bb!important;box-shadow:0 0 0 6px rgba(57,240,187,.13),0 0 18px rgba(57,240,187,.35)!important}
.v2-live-left h1,.v2-live-left h2{margin:0!important;color:#fff!important;font-size:clamp(42px,4.1vw,66px)!important;line-height:.95!important;letter-spacing:-.055em!important;font-weight:900!important;max-width:none!important}
.v2-live-left p{margin:0!important;color:#a6c3df!important;font-size:16px!important;line-height:1.5!important}
.v2-player-tile{justify-self:stretch!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:12px!important;padding:22px 24px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(14,47,87,.9),rgba(11,33,62,.92))!important;border:1px solid rgba(78,160,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.v2-player-tile small{font-size:12px!important;font-weight:800!important;letter-spacing:.18em!important;color:#d6e8f7!important}
.v2-player-line{display:flex!important;align-items:flex-end!important;gap:10px!important;line-height:1!important;color:#fff}
.v2-player-line strong{font-size:clamp(30px,3.2vw,52px)!important;font-weight:900!important;letter-spacing:-.05em!important}
.v2-player-line span{font-size:22px!important;font-weight:800!important;color:#8eb7d8!important;transform:translateY(-4px)}
.v2-player-progress{height:8px!important;border-radius:999px!important;background:rgba(121,150,183,.32)!important;overflow:hidden!important}
.v2-player-progress span{display:block!important;height:100%!important;width:0;background:linear-gradient(90deg,#3f8cff,#5be7ff)!important;box-shadow:0 0 14px rgba(90,223,255,.48)}
.v2-join-actions{display:grid!important;gap:14px!important;align-self:stretch!important}
.v2-button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:64px!important;padding:0 22px!important;border-radius:18px!important;font-size:17px!important;font-weight:800!important;letter-spacing:0!important;text-decoration:none!important;transition:transform .16s ease, filter .16s ease, background .2s ease!important}
.v2-button:hover{transform:translateY(-1px)!important;filter:brightness(1.03)}
.v2-button-primary{background:linear-gradient(180deg,#3399ff,#4fb3ff)!important;color:#fff!important;border:1px solid rgba(111,202,255,.52)!important;box-shadow:0 14px 28px rgba(8,25,53,.24)}
.v2-button-secondary{background:linear-gradient(180deg,rgba(13,38,74,.98),rgba(10,31,60,.98))!important;color:#fff!important;border:1px solid rgba(88,158,232,.28)!important}
.v2-button .v2-button-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;font-size:18px!important}
.v2-button [aria-hidden="true"]{opacity:.92}

.v2-section,.listing-content,.legal-content,.page-masthead,.site-footer{position:relative;z-index:3}
.v2-section{padding:112px 0!important;background:linear-gradient(180deg,#0b2241 0%,#091d38 100%)!important;border-top:1px solid rgba(78,153,235,.08)}
.v2-section:nth-of-type(even){background:linear-gradient(180deg,#091d38 0%,#071931 100%)!important}
.v2-section-heading h2,.page-masthead h1,.listing-content h2,.legal-content h2{color:#fff!important;text-shadow:0 6px 20px rgba(0,0,0,.18)}
.v2-section-heading p,.page-masthead p,.listing-content p,.legal-content p,.rule-disclaimer,.sidebar-help p{color:#a9c4de!important}
.v2-eyebrow,.eyebrow,.eyebrow.light{color:#7fc7ff!important;letter-spacing:.2em!important}
.v2-section-heading h2 em,.page-masthead h1 em,.listing-content h2 em{font-style:normal!important;color:#57b6ff!important}
.v2-rule-card,.card-grid>*,.rule-sidebar,.rule-content,.status-summary,.status-service,.rp-detail-panel,#incidents-list>*,.empty-panel,.legal-content,.team-sync,.admin-records,.admin-form-wrap,.v22-carousel,.v22-team-card,.profile-card{background:linear-gradient(180deg,rgba(10,31,60,.92),rgba(7,23,45,.95))!important;border:1px solid rgba(72,147,229,.22)!important;box-shadow:0 18px 48px rgba(0,8,26,.24)!important;color:#eaf6ff!important}
.site-footer{background:#031022!important;border-top:1px solid rgba(93,164,235,.14)!important;color:#dceeff!important}
.v22-footer-links a,.site-footer a{color:#eaf6ff!important}
.v22-footer-links a:hover,.site-footer a:hover{color:#63c6ff!important}
.v2-event-toast{display:none!important}

.hnrp-hero-adjusted{position:relative!important}
.hnrp-animated-lightning{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;overflow:hidden!important}
.hnrp-animated-lightning canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;opacity:1;mix-blend-mode:screen}
.hnrp-text-white,.hnrp-text-white *{color:#fff!important;-webkit-text-fill-color:#fff!important;background-image:none!important}

@media (max-width:1100px){
  .nav-shell{padding:0 18px!important;min-height:78px!important}
  .main-nav{gap:8px!important}
  .main-nav a{font-size:13px!important;padding:11px 12px!important}
  .main-nav a:first-child,.main-nav a[data-nav="home"],.main-nav a.active-home{padding:12px 18px!important}
  .account-btn{padding:0 16px!important;font-size:13px!important}
  .v22-hero,.v2-hero,.v22-hero-content,.v2-hero-content{min-height:860px!important}
  .v2-live-board{grid-template-columns:minmax(0,1fr) 200px 230px!important}
}
@media (max-width:900px){
  .main-nav{display:none!important}
  .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px}
  .v22-hero,.v2-hero,.v22-hero-content,.v2-hero-content{min-height:920px!important}
  .v22-hero-content,.v2-hero-content{padding:122px 20px 60px!important;justify-content:flex-start!important}
  .v22-hero-copy h1,.v2-hero-copy h1{font-size:clamp(42px,10vw,72px)!important}
  .v2-live-board{width:min(100%,760px)!important;grid-template-columns:1fr!important;gap:18px!important;padding:22px!important}
  .v2-player-tile,.v2-join-actions{width:100%!important}
  .v2-button{min-height:58px!important;font-size:15px!important}
}
@media (max-width:560px){
  .hnrp-brand-update>img{width:124px!important}
  .hnrp-brand-update>.hnrp-brand-subtitle{font-size:8px!important;letter-spacing:.18em!important}
  .nav-shell{gap:10px!important}
  .account-btn{padding:0 12px!important;min-height:46px!important;font-size:12px!important}
  .account-btn #login-label{max-width:120px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .v22-hero,.v2-hero,.v22-hero-content,.v2-hero-content{min-height:830px!important}
  .v22-hero-content,.v2-hero-content{padding-top:108px!important}
  .v22-hero-copy,.v2-hero-copy{gap:16px!important}
  .v22-hero-copy h1,.v2-hero-copy h1{font-size:clamp(36px,11vw,56px)!important}
  .v22-hero-eyebrow,.v2-hero-eyebrow{font-size:11px!important;min-height:34px!important;padding:0 16px!important}
  .v2-live-left h1,.v2-live-left h2{font-size:clamp(34px,10vw,48px)!important}
  .v2-live-left p{font-size:14px!important}
  .v2-player-tile{padding:18px!important}
}


/* ===== HNRP V6.1: STATISCHER HERO + SATTERE FARBEN + SAUBERE BUTTONS =====
   Nur Anzeige. Keine Änderungen an Discord OAuth, Yuna-Bridge oder API. */

/* Animation tatsächlich abgeschaltet; V6.1-JS erstellt kein Canvas mehr. */
.hnrp-animated-lightning,
.hnrp-animated-lightning canvas,
.hnrp-animated-lightning svg { display: none !important; }

/* Originales V6-HNRP-Motiv als ein einziges Bild, ohne das Motiv stark zu
   vergrößern/seitlich abzuschneiden. Die Bildkante läuft weich ins Navy aus. */
.v22-hero, .v2-hero { background:#04142e !important; }
.v22-hero-image {
  inset:0 !important;
  background:#04142e !important;
}
.v22-hero-image img {
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  transform:none !important;
  animation:none !important;
  image-rendering:auto !important;
  filter:saturate(1.48) contrast(1.15) brightness(1.065) !important;
}
/* Durchsichtige Abschattung sorgt dafür, dass HNRP lesbar bleibt und es
   keine rechteckigen zweiten Bildebenen hinter dem Schriftzug gibt. */
.v22-hero::before {
  background:
    linear-gradient(180deg,rgba(2,10,28,.08) 0%,rgba(3,13,33,.04) 27%,
    rgba(3,15,36,.06) 45%,rgba(3,15,36,.55) 75%,#071a36 100%),
    radial-gradient(ellipse at 50% 5%,transparent 12%,rgba(0,8,24,.09) 75%) !important;
}
.v22-hero::after {
  background:linear-gradient(180deg,rgba(5,21,44,0),#0a2242) !important;
  height:180px !important;
}

/* Statusboard verbreitern, damit die beiden Join-Buttons innerhalb des
   abgerundeten Rahmens bleiben. */
.v2-live-board {
  box-sizing:border-box !important;
  width:min(calc(100% - 12px),1390px) !important;
  max-width:100% !important;
  grid-template-columns:minmax(0,1fr) minmax(210px,238px) minmax(295px,315px) !important;
  gap:24px !important;
  padding:28px 34px !important;
  border:1px solid rgba(43,158,255,.76) !important;
  border-radius:26px !important;
  box-shadow:0 0 0 1px rgba(24,126,241,.18),0 0 28px rgba(14,121,245,.15),0 24px 72px rgba(1,8,24,.45) !important;
}
.v2-live-board > *,
.v2-join-actions,
.v2-player-tile {min-width:0 !important;box-sizing:border-box !important;}
.v2-join-actions {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  gap:12px !important;
}
.v2-button {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:60px !important;
  padding:0 15px !important;
  gap:9px !important;
  justify-content:flex-start !important;
  white-space:nowrap !important;
  font-size:clamp(12px,.92vw,15px) !important;
  line-height:1.2 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.v2-button .v2-button-icon {flex:0 0 23px !important;width:23px !important;height:23px !important;}
.v2-button [aria-hidden="true"]:last-child {margin-left:auto !important;flex:0 0 auto !important;}
.v2-button-primary {
  background:linear-gradient(115deg,#237ef6,#46baff) !important;
  border-color:rgba(115,212,255,.54) !important;
}
.v2-button-secondary {
  background:linear-gradient(115deg,#102c56,#0b2343) !important;
  border-color:rgba(83,170,255,.36) !important;
}
@media (min-width:901px) and (max-width:1250px) {
  .v2-live-board {
    grid-template-columns:minmax(0,1fr) 180px minmax(252px,280px) !important;
    gap:14px !important;
    padding:22px !important;
  }
  .v2-button {font-size:12px !important;padding:0 11px !important;gap:6px !important;}
}
@media (max-width:900px) {
  .v2-live-board {
    grid-template-columns:minmax(0,1fr) !important;
    max-width:760px !important;
    width:100% !important;
    padding:22px !important;
  }
  .v2-join-actions {width:100% !important;}
  .v2-button {font-size:14px !important;min-height:56px !important;}
  .v22-hero-image img {width:100% !important;height:auto !important;}
}
@media (max-width:560px) {
  .v2-live-board {padding:18px !important;gap:15px !important;}
  .v2-button {min-height:54px !important;font-size:13px !important;}
  .v22-hero-image img {width:125% !important;left:-12.5% !important;}
}

/* V6.1 Feintuning: Slogan wie im Referenzbild in einer Zeile. */
@media (min-width:901px) {
  .v22-hero-copy h1,.v2-hero-copy h1 {
    font-size:clamp(38px,4.6vw,75px) !important;
    line-height:1.04 !important;
    white-space:nowrap !important;
    letter-spacing:-.055em !important;
  }
}
/* Alter v22-Breakpoint schiebt Buttons sonst in eine extra Zeile. */
@media (min-width:901px) and (max-width:1250px) {
  .v2-join-actions { grid-column:auto !important; display:grid !important; }
  .v2-join-actions .v2-button { flex:none !important; }
}
@media (max-width:900px) {
  .v22-hero-copy h1,.v2-hero-copy h1 {white-space:normal !important;}
}
/* Weicher Motiv-Übergang, keine harte Kante unter dem HNRP-Schriftzug. */
.v22-hero-image img {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%) !important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%) !important;
}


/* HNRP V6.2 STATIC - final override; no video, canvas, GIF or zoom animation. */
.v22-hero-image, .v22-hero-image img, .v2-hero-image, .v2-hero-image img {
 animation:none !important; transition:none !important; transform:none !important;
 will-change:auto !important; opacity:1 !important;
}
.v22-hero-image img {
 display:block !important;
 position:absolute !important;
 top:0 !important; left:0 !important;
 width:100% !important; height:auto !important;
 max-width:none !important; min-height:0 !important;
 object-fit:contain !important; object-position:top center !important;
 image-rendering:auto !important;
 filter:saturate(1.52) contrast(1.17) brightness(1.035) !important;
}
.v22-hero canvas, .v22-hero video,
.v22-hero .hnrp-animated-lightning,
.v22-hero .hnrp-v5-lightning,
.v22-hero .hnrp-v4-lightning,
.v22-hero .hnrp-lightning-v5 {display:none !important;}
.v22-hero::before { background:linear-gradient(to bottom,rgba(4,11,26,.03) 0%,rgba(4,12,28,.05) 45%,rgba(4,17,38,.48) 79%,#071a36 100%) !important; }
/* All controls inside their blue border, even under browser zoom. */
.v2-live-board{overflow:hidden !important;max-width:min(100%,1360px) !important;
  grid-template-columns:minmax(0,1fr) minmax(175px,230px) minmax(270px,315px) !important;
  padding:28px 32px !important; gap:22px !important;}
.v2-live-board>*{min-width:0 !important;}
.v2-join-actions{min-width:0 !important;width:100% !important;grid-column:auto !important;}
.v2-join-actions>.v2-button{box-sizing:border-box !important;width:100% !important;max-width:100% !important;min-width:0 !important;
  gap:9px !important;padding:0 14px !important;line-height:1.3 !important;font-size:clamp(11px,.87vw,14px) !important;
  white-space:nowrap !important;display:flex !important;overflow:hidden !important;}
.v2-join-actions>.v2-button .v2-button-icon{flex:0 0 24px !important;}
.v2-join-actions>.v2-button [aria-hidden=true]:last-child{margin-left:auto !important;}
@media(min-width:901px) and (max-width:1190px){
 .v2-live-board{grid-template-columns:minmax(0,1fr) 155px minmax(245px,275px) !important;padding:20px 22px !important;gap:12px !important;}
 .v2-join-actions>.v2-button{font-size:11px !important;padding:0 11px !important;}
}
@media(max-width:900px){
 .v2-live-board{grid-template-columns:minmax(0,1fr) !important;max-width:760px !important;width:100% !important;padding:22px !important;}
 .v2-join-actions>.v2-button{min-height:56px !important;font-size:14px !important;}
}
@media(max-width:560px){
 .v22-hero-image img{width:130% !important;left:-15% !important;}
 .v2-live-board{padding:18px !important;gap:14px !important;}
 .v2-join-actions>.v2-button{font-size:13px !important;min-height:54px !important;}
}