/*
Theme Name: KOS - Beyblade X Player Profile
Theme URI: https://hostsavers.net
Author: HostSavers
Author URI: https://hostsavers.net
Description: A vibrant multi-page player-profile theme for Beyblade X competitors - battle log, arsenal, combo builds, a Bey Wiki, and a news feed. Bright colourful design with image support across every section.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: kos-beyblade
*/

:root{
  --paper:#FBF7EE;
  --panel:#FFFFFF;
  --ink:#191A23;
  --muted:#5B6274;
  --line:#E7E0D2;

  --arc-blue:#2E6BFF;
  --arc-blue-deep:#1638A6;
  --arc-blue-tint:#EAF0FF;

  --ignition:#FF6A1A;
  --ignition-deep:#C8450A;
  --ignition-tint:#FFEEE2;

  --crimson:#EF3131;
  --crimson-deep:#A81E1E;
  --crimson-tint:#FDEBEA;

  --gold:#FFC53D;
  --gold-deep:#C98C00;
  --gold-tint:#FFF6DF;

  --navy:#10182B;
  --navy-2:#182444;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Sora', sans-serif;
  line-height:1.6;
}
h1,h2,h3,.display{
  font-family:'Rajdhani', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  font-weight:700;
}
.mono{font-family:'Space Mono', monospace;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
ul{list-style:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

/* ===== SECTION BAND BACKGROUNDS ===== */
.band-navy{
  background:linear-gradient(135deg, #EAF0FF 0%, #F3ECFF 45%, #FFEEE2 100%);
  color:var(--ink);
}
.band-navy .muted, .band-navy p{color:var(--muted);}
.band-white{background:var(--panel);}
.band-cream{background:var(--paper);}
.band-blue{background:var(--arc-blue-tint);}
.band-orange{background:var(--ignition-tint);}
.band-red{background:var(--crimson-tint);}
.band-gold{background:var(--gold-tint);}
.band-gradient{
  background:linear-gradient(115deg, var(--arc-blue) 0%, #5C6FFF 42%, var(--ignition) 100%);
  color:#fff;
}
.band-gradient .muted{color:rgba(255,255,255,0.85);}

/* ===== NAV ===== */
header.site-nav{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(10px);
  border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg, var(--arc-blue), var(--ignition), var(--crimson)) 1;
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:76px;}
.nav-brand{
  display:flex; align-items:center; gap:12px;
  font-size:20px; letter-spacing:0.08em;
  font-family:'Rajdhani',sans-serif; font-weight:700; text-transform:uppercase;
  color:var(--ink);
}
.nav-brand .x-mark{
  width:30px; height:30px; flex-shrink:0;
  background:linear-gradient(135deg, var(--arc-blue), var(--ignition));
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; transform:rotate(45deg); border-radius:6px;
  font-family:'Rajdhani',sans-serif;
}
.nav-brand .x-mark span{transform:rotate(-45deg); font-size:14px;}
.nav-brand small{
  display:block; font-family:'Space Mono',monospace;
  font-size:10px; letter-spacing:0.15em; color:var(--muted); text-transform:none;
}
nav.links ul{display:flex; gap:32px;}
nav.links a{
  color:var(--muted); font-family:'Rajdhani',sans-serif; font-weight:700;
  text-transform:uppercase; font-size:15px; letter-spacing:0.05em;
  position:relative; padding-bottom:4px; transition:color .2s;
}
nav.links a:hover, nav.links a.current{color:var(--ink);}
nav.links a::after{
  content:""; position:absolute; left:0; bottom:0; height:3px; width:0;
  background:linear-gradient(90deg,var(--arc-blue),var(--ignition));
  transition:width .25s; border-radius:2px;
}
nav.links a:hover::after{width:100%;}

/* ===== HERO (bright, energetic, colourful) ===== */
.hero{
  position:relative; overflow:hidden;
  padding:96px 0 70px;
  background:linear-gradient(120deg, #2E6BFF 0%, #6A5CFF 38%, #B24AE8 62%, #FF6A1A 100%);
  color:#fff;
}
.hero.has-bg-image{background-size:cover; background-position:center;}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,0.28), transparent 40%),
    radial-gradient(circle at 88% 88%, rgba(255,197,61,0.35), transparent 45%);
  pointer-events:none;
}
.hero.has-bg-image::before{
  background:linear-gradient(120deg, rgba(46,107,255,0.82), rgba(178,74,232,0.62) 60%, rgba(255,106,26,0.75));
}
.hero .wrap{position:relative; z-index:1; display:grid; grid-template-columns:1fr 460px; gap:40px; align-items:center;}
.hero-eyebrow{
  font-family:'Space Mono',monospace; font-size:12px; letter-spacing:0.25em;
  color:#FFE9A8; margin-bottom:18px; display:flex; align-items:center; gap:10px;
}
.hero-eyebrow::before{
  content:""; width:8px; height:8px; background:#fff; border-radius:50%;
  box-shadow:0 0 12px #fff; animation:pulse 1.8s infinite;
}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
.hero h1{font-size:clamp(48px,7vw,88px); line-height:0.92; color:#fff; text-shadow:0 2px 24px rgba(20,10,60,0.25);}
.hero h1 .accent{
  background:linear-gradient(90deg,#FFE9A8,#FFC53D 55%, #fff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero p.lede{max-width:480px; color:rgba(255,255,255,0.92); font-size:17px; margin-top:22px;}
.hero-cta{display:flex; gap:16px; margin-top:34px; flex-wrap:wrap;}
.btn{
  display:inline-block; padding:14px 28px; font-family:'Rajdhani',sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:0.08em; font-size:15px;
  border:1px solid transparent; transition:all .2s; cursor:pointer; border-radius:3px;
}
.btn-primary{background:#fff; color:var(--arc-blue-deep);}
.btn-primary:hover{box-shadow:0 6px 22px rgba(255,255,255,0.4); transform:translateY(-1px);}
.btn-ghost{color:#fff; border-color:rgba(255,255,255,0.55);}
.btn-ghost:hover{border-color:#FFC53D; color:#FFC53D;}
.btn-dark{background:var(--navy); color:#fff;}
.btn-dark:hover{background:var(--navy-2);}

.hud{display:flex; gap:0; margin-top:48px; border-top:1px solid rgba(255,255,255,0.28); flex-wrap:wrap;}
.hud div{flex:1; min-width:110px; padding:16px 18px 0; border-right:1px solid rgba(255,255,255,0.28);}
.hud div:last-child{border-right:none;}
.hud .num{font-family:'Space Mono',monospace; font-size:26px; color:#fff;}
.hud .lbl{font-size:11px; letter-spacing:0.12em; color:#FFE9A8; text-transform:uppercase; margin-top:4px;}

/* orbit signature */
.orbit-stage{position:relative; width:460px; height:460px; max-width:100%; display:flex; align-items:center; justify-content:center;}
.ring{position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,0.35);}
.ring1{width:460px; height:460px; border-color:rgba(255,255,255,0.4); max-width:100%;}
.ring2{width:370px; height:370px; border-style:dashed; border-color:rgba(255,197,61,0.7); animation:spin 40s linear infinite;}
.ring3{width:300px; height:300px; border-color:rgba(255,255,255,0.45);}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes spin-rev{to{transform:rotate(-360deg);}}
.orbit-dot{
  position:absolute; width:11px; height:11px; border-radius:50%;
  background:#FFC53D; box-shadow:0 0 16px #FFE9A8;
  top:50%; left:50%; animation:orbitmove 6s linear infinite; transform-origin:0 0;
}
@keyframes orbitmove{
  from{transform:rotate(0deg) translateX(185px) rotate(0deg);}
  to{transform:rotate(360deg) translateX(185px) rotate(-360deg);}
}
.logo-core{
  position:relative; width:270px; height:270px; border-radius:50%;
  overflow:hidden; border:4px solid #fff;
  box-shadow:0 0 0 8px rgba(255,255,255,0.25), 0 12px 50px rgba(20,10,60,0.35);
  animation:spin-rev 90s linear infinite;
}
.logo-core img{width:100%; height:100%; object-fit:cover;}

/* ===== SECTION SHELL ===== */
section{position:relative; padding:90px 0;}
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; gap:24px; flex-wrap:wrap;}
.sec-tag{font-family:'Space Mono',monospace; font-size:12px; letter-spacing:0.2em; color:var(--arc-blue-deep); margin-bottom:10px; font-weight:700;}
.band-gradient .sec-tag{color:#FFE9A8;}
.sec-head h2{font-size:clamp(30px,4vw,44px);}
.sec-head p{color:var(--muted); max-width:420px; font-size:15px;}
.sec-more{
  font-family:'Rajdhani',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:14px; letter-spacing:0.06em; color:var(--arc-blue-deep);
  border-bottom:2px solid var(--arc-blue); padding-bottom:2px; white-space:nowrap;
}
.band-gradient .sec-more{color:#fff; border-color:#FFC53D;}
/* inside bey cards the background is light, so override gradient band text */
.bey-card-body .sec-more{color:var(--arc-blue-deep); border-color:var(--arc-blue);}
.bey-card-body .sec-more:hover{color:var(--ignition); border-color:var(--ignition);}

/* ===== BATTLE LOG ===== */
.log{border-top:2px solid var(--line);}
.log-row{
  display:grid; grid-template-columns:110px 1fr 150px 110px;
  align-items:center; gap:20px; padding:22px 0; border-bottom:1px solid var(--line);
  transition:background .2s;
}
.log-row:hover{background:var(--arc-blue-tint);}
.log-date{font-family:'Space Mono',monospace; color:var(--muted); font-size:13px; font-weight:700;}
.log-event h3{font-size:19px; color:var(--ink); font-weight:600; letter-spacing:0.01em; text-transform:none; font-family:'Sora',sans-serif;}
.log-event span{font-size:13px; color:var(--muted);}
.placement{font-family:'Rajdhani',sans-serif; font-weight:700; font-size:15px; letter-spacing:0.06em; text-transform:uppercase; padding:4px 10px; border-radius:3px; display:inline-block;}
.placement.gold{color:var(--gold-deep); background:var(--gold-tint);}
.placement.silver{color:#4B5262; background:#EEF0F4;}
.placement.bronze{color:var(--ignition-deep); background:var(--ignition-tint);}
.placement.none{color:var(--muted); background:transparent;}
.record{font-family:'Space Mono',monospace; font-size:14px; text-align:right; font-weight:700;}
.record .w{color:var(--arc-blue-deep);}
.record .l{color:var(--crimson-deep);}
.empty-state{padding:32px 24px; color:var(--muted); font-family:'Space Mono',monospace; font-size:13px; background:var(--panel); border:1px dashed var(--line); border-radius:6px;}

/* ===== ARSENAL ===== */
.arsenal-filters{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:32px;}
.filter-btn{
  font-family:'Rajdhani',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:14px; letter-spacing:0.06em; padding:10px 22px; border-radius:30px;
  border:2px solid rgba(46,107,255,0.3); background:var(--panel); color:var(--arc-blue-deep);
  cursor:pointer; transition:all .2s;
}
.filter-btn:hover{border-color:var(--arc-blue); background:var(--arc-blue-tint);}
.filter-btn.active{background:var(--arc-blue); color:#fff; border-color:var(--arc-blue);}

.arsenal-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.gear-card{background:var(--panel); border-radius:8px; border-top:4px solid var(--arc-blue); box-shadow:0 2px 14px rgba(16,24,43,0.05); overflow:hidden;}
.gear-photo{
  height:160px; overflow:hidden;
  background:linear-gradient(135deg, var(--arc-blue-tint), var(--ignition-tint));
  display:flex; align-items:center; justify-content:center;
}
.gear-photo img{width:100%; height:100%; object-fit:cover;}
.gear-body{padding:24px;}
.gear-card .tag{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.15em; color:var(--ignition-deep); margin-bottom:14px; display:block; font-weight:700;}
.gear-icon{width:52px; height:52px; margin-bottom:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--arc-blue-tint);}
.gear-icon img{width:100%; height:100%; object-fit:cover;}
.gear-icon .bar{width:22px; height:22px; background:var(--arc-blue); border-radius:50%;}
.gear-card h3{font-size:20px; margin-bottom:8px; color:var(--ink); text-transform:none; font-family:'Sora',sans-serif; font-weight:700;}
.gear-card p{font-size:13.5px; color:var(--muted);}
.gear-more{
  display:inline-block; margin-top:12px;
  font-family:'Space Mono',monospace; font-size:11px; color:var(--arc-blue-deep);
  font-weight:700; letter-spacing:0.04em;
}
.gear-more:hover{color:var(--ignition);}
.gear-card h3 a, .combo-card h3 a, .log-event h3 a, .feed-card h3 a{color:inherit; text-decoration:none;}
.gear-card h3 a:hover, .combo-card h3 a:hover, .log-event h3 a:hover{color:var(--arc-blue);}

/* tournament row view link */
.log-detail{
  font-family:'Space Mono',monospace; font-size:11px; color:var(--arc-blue-deep);
  font-weight:700; letter-spacing:0.04em; white-space:nowrap; align-self:center;
}
.log-detail:hover{color:var(--ignition);}

/* ===== COMBOS ===== */
.combo-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.combo-card{border-radius:8px; background:var(--panel); box-shadow:0 2px 14px rgba(16,24,43,0.06); overflow:hidden;}
.combo-head{padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:10px; background:var(--crimson-tint);}
.combo-head h3{font-size:20px; color:var(--ink);}
.combo-head .type{font-family:'Space Mono',monospace; font-size:11px; padding:5px 10px; border-radius:3px; background:var(--crimson); color:#fff; letter-spacing:0.1em; white-space:nowrap; font-weight:700;}
.combo-stack{padding:24px;}
.stack-part{display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px dashed var(--line);}
.stack-part:last-child{border-bottom:none;}
.stack-part .role{font-family:'Space Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:0.12em; text-transform:uppercase; font-weight:700;}
.stack-part .name{font-size:15px; color:var(--ink); font-weight:700;}
.combo-stats{display:flex; padding:0 24px 22px; gap:18px;}
.combo-stats div{font-family:'Space Mono',monospace; font-size:11px; color:var(--muted);}
.combo-stats b{display:block; color:var(--crimson-deep); font-size:16px;}

/* ===== BEY WIKI ===== */
.bey-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.bey-card{
  background:rgba(255,255,255,0.97); border-radius:10px; overflow:hidden;
  box-shadow:0 8px 30px rgba(16,24,43,0.18); transition:transform .2s;
}
.bey-card:hover{transform:translateY(-4px);}
.bey-card-img{
  height:170px; background:linear-gradient(135deg, var(--arc-blue-tint), var(--ignition-tint));
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.bey-card-img img{width:100%; height:100%; object-fit:cover;}
.bey-card-body{padding:20px 22px;}
.bey-type{font-family:'Space Mono',monospace; font-size:10px; letter-spacing:0.14em; color:var(--ignition-deep); font-weight:700; margin-bottom:6px; display:block;}
.bey-card h3{font-size:20px; color:var(--ink); margin-bottom:8px; text-transform:none; font-family:'Sora',sans-serif; font-weight:700;}
.bey-card p{font-size:13.5px; color:var(--muted); margin-bottom:14px;}
.bey-card .sec-more{font-size:12px;}

.stat-bar-row{margin-bottom:16px;}
.stat-bar-label{display:flex; justify-content:space-between; font-family:'Rajdhani',sans-serif; font-size:15px; color:#fff; font-weight:700; margin-bottom:6px; text-transform:uppercase; letter-spacing:0.12em; text-shadow:0 1px 6px rgba(0,0,0,0.35);}
.stat-bar-track{height:11px; border-radius:6px; background:rgba(255,255,255,0.3); overflow:hidden; box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);}
.stat-bar-fill{height:100%; border-radius:5px;}
.stat-bar-fill.attack{background:linear-gradient(90deg,var(--crimson),var(--ignition));}
.stat-bar-fill.defense{background:linear-gradient(90deg,var(--arc-blue-deep),var(--arc-blue));}
.stat-bar-fill.stamina{background:linear-gradient(90deg,var(--gold-deep),var(--gold));}

.bey-hero{padding:70px 0 50px;}
.bey-hero .wrap{display:grid; grid-template-columns:340px 1fr; gap:48px; align-items:start;}
.bey-portrait{border-radius:12px; overflow:hidden; box-shadow:0 10px 40px rgba(16,24,43,0.15); aspect-ratio:1/1; background:linear-gradient(135deg,var(--arc-blue-tint),var(--ignition-tint)); display:flex; align-items:center; justify-content:center;}
.bey-quote{
  margin-top:22px; padding:18px 20px; background:rgba(255,255,255,0.15); border-left:4px solid var(--gold);
  font-style:italic; border-radius:0 6px 6px 0; color:#fff; font-size:14.5px;
}
.bey-components{display:flex; gap:10px; flex-wrap:wrap; margin:18px 0;}
.bey-chip{
  font-family:'Space Mono',monospace; font-size:12px; padding:6px 14px; border-radius:20px;
  background:rgba(255,255,255,0.22); color:#fff; font-weight:700; border:1px solid rgba(255,255,255,0.4);
}

/* bey description + wiki body inside gradient */
.bey-desc{color:rgba(255,255,255,0.92); font-size:15px; margin-top:22px; max-width:640px; line-height:1.65;}
.bey-ref-link{
  display:inline-block; margin-top:14px; font-family:'Space Mono',monospace; font-size:12px;
  color:#FFE9A8; font-weight:700; border-bottom:1px solid rgba(255,233,168,0.5); padding-bottom:1px;
}
.bey-ref-link:hover{color:#fff; border-color:#fff;}
.bey-model-tag{
  font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.1em;
  color:rgba(255,255,255,0.75); margin-top:6px; display:block;
}
.wiki-body{max-width:720px; margin-top:32px; font-size:16px; color:rgba(255,255,255,0.92);}
.wiki-body p{margin-bottom:16px;}
.wiki-body a{color:#FFE9A8; border-bottom:1px solid rgba(255,233,168,0.4);}
.wiki-body a:hover{color:#fff;}
.wiki-body h2, .wiki-body h3, .wiki-body h4{color:#fff;}
.wiki-body img{border-radius:10px; box-shadow:0 6px 24px rgba(16,24,43,0.25); margin:8px 0;}
.bey-back-link{margin-top:40px; display:inline-block; color:#FFE9A8; font-family:'Space Mono',monospace; font-size:12px; font-weight:700;}
.bey-back-link:hover{color:#fff;}

/* ===== TRANSMISSIONS ===== */
.feed{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:20px;}
.feed-card{background:var(--panel); padding:26px; border-radius:8px; box-shadow:0 2px 14px rgba(16,24,43,0.05); border-top:4px solid var(--gold);}
.feed-card.featured{background:linear-gradient(150deg, var(--arc-blue-tint), var(--panel)); border-top-color:var(--arc-blue);}
.feed-ping{display:flex; align-items:center; gap:8px; margin-bottom:14px;}
.feed-ping .dot{width:7px; height:7px; border-radius:50%; background:var(--ignition);}
.feed-ping span{font-family:'Space Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:0.1em; font-weight:700;}
.feed-card h3{font-size:19px; color:var(--ink); text-transform:none; font-family:'Sora',sans-serif; font-weight:700; margin-bottom:10px;}
.feed-card p{font-size:13.5px; color:var(--muted);}
.feed-card a.more{font-family:'Space Mono',monospace; font-size:11px; color:var(--arc-blue-deep); display:inline-block; margin-top:12px; font-weight:700;}

footer.site-footer{
  padding:50px 0; text-align:center; font-family:'Space Mono',monospace;
  font-size:12px; color:var(--muted); letter-spacing:0.05em;
  background:linear-gradient(135deg, #EAF0FF, #FFEEE2);
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg, var(--arc-blue), var(--ignition), var(--crimson)) 1;
}
footer.site-footer .x-mark{
  width:26px; height:26px; margin:0 auto 18px;
  background:linear-gradient(135deg, var(--arc-blue), var(--ignition));
  display:flex; align-items:center; justify-content:center; transform:rotate(45deg); color:#fff; font-weight:700; border-radius:6px;
}
footer.site-footer .x-mark span{transform:rotate(-45deg); font-size:13px; font-family:'Rajdhani',sans-serif;}

/* generic single/page content */
.single-content{padding:60px 0; max-width:760px;}
.single-content h1{font-size:clamp(32px,5vw,52px); margin-bottom:20px; color:var(--ink);}
.single-content .entry-content{font-size:16px; color:var(--ink);}
.single-content .entry-content p{margin-bottom:18px;}
.single-content .entry-meta{font-family:'Space Mono',monospace; font-size:12px; color:var(--muted); margin-bottom:30px;}

.page-hero{
  padding:64px 0 48px; position:relative; overflow:hidden;
  background:linear-gradient(120deg, #2E6BFF 0%, #6A5CFF 45%, #FF6A1A 100%);
  color:#fff;
}
.page-hero.has-bg-image{background-size:cover; background-position:center;}
.page-hero.has-bg-image::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(46,107,255,0.82), rgba(106,92,255,0.6) 50%, rgba(255,106,26,0.78));
}
.page-hero .wrap{position:relative; z-index:1;}
.page-hero .sec-tag{color:#FFE9A8;}
.page-hero h1{font-size:clamp(34px,5vw,54px); color:#fff; text-shadow:0 2px 20px rgba(20,10,60,0.25);}
.page-hero p{color:rgba(255,255,255,0.92); max-width:520px; margin-top:14px;}

/* ===== IMAGES IN CARDS ===== */
/* combo photo */
.combo-photo{height:150px; overflow:hidden; background:linear-gradient(135deg,var(--crimson-tint),var(--ignition-tint));}
.combo-photo img{width:100%; height:100%; object-fit:cover;}

/* news/transmission photo */
.feed-photo{height:150px; margin:-26px -26px 18px; overflow:hidden; border-radius:8px 8px 0 0; background:linear-gradient(135deg,var(--arc-blue-tint),var(--gold-tint));}
.feed-photo img{width:100%; height:100%; object-fit:cover;}

/* tournament photo thumbnail */
.log-photo{width:64px; height:64px; border-radius:8px; overflow:hidden; flex-shrink:0; background:var(--arc-blue-tint);}
.log-photo img{width:100%; height:100%; object-fit:cover;}
.log-event-wrap{display:flex; align-items:center; gap:16px;}

/* single article / news hero image */
.article-hero-img{width:100%; max-height:420px; object-fit:cover; border-radius:12px; margin-bottom:28px; box-shadow:0 10px 40px rgba(16,24,43,0.12);}

/* inline gallery available to any editor content */
.entry-content img{border-radius:10px; box-shadow:0 6px 24px rgba(16,24,43,0.1); margin:8px 0;}

@media (max-width:960px){
  .hero .wrap{grid-template-columns:1fr; text-align:center;}
  .hero p.lede{margin-left:auto; margin-right:auto;}
  .hero-cta, .hud{justify-content:center;}
  .bey-hero .wrap{grid-template-columns:1fr;}
  .bey-portrait{max-width:340px; margin:0 auto;}
  .orbit-stage{margin:0 auto;}
  .arsenal-grid{grid-template-columns:repeat(2,1fr);}
  .combo-strip, .bey-grid{grid-template-columns:1fr;}
  .feed{grid-template-columns:1fr;}
  .log-row{grid-template-columns:1fr; text-align:left; gap:6px;}
  .record{text-align:left;}
  nav.links{display:none;}
}