@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b18;--card:#14182d;--text:#f8f8ff;--muted:#b9bfd4;--line:rgba(255,255,255,.12);--mint:#a4f2df;--cream:#fff1b5;--rainbow:linear-gradient(100deg,#f6a5dc 0%,#c9b6ff 26%,#9fddff 48%,#a5f2df 68%,#fff1b5 86%,#f6b3d3 100%);--shadow:0 26px 80px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 4%,rgba(206,166,255,.10),transparent 28%),radial-gradient(circle at 86% 22%,rgba(132,244,229,.08),transparent 27%),linear-gradient(180deg,#080b18 0%,#0b0e1d 54%,#080b18 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.4px);background-size:88px 88px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(1160px,calc(100% - 36px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(8,11,24,.84);backdrop-filter:blur(18px)}.topbar-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;object-fit:contain}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:.98rem}.brand-copy span{font-size:.72rem;color:var(--muted)}.nav{display:flex;align-items:center;gap:21px}.nav a{text-decoration:none;font-size:.84rem;font-weight:700;color:#e9ebf6}.nav a:hover{color:var(--mint)}.pill{padding:11px 17px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:var(--rainbow);color:#111326!important;box-shadow:0 8px 24px rgba(178,186,255,.14);transition:.18s transform,.18s filter,.18s box-shadow}.nav .pill:hover{color:#111326!important;transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 10px 28px rgba(178,186,255,.22)}
.hero{padding:54px 0 24px}.hero-panel,.raid-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(23,27,52,.98),rgba(10,13,30,.98));box-shadow:var(--shadow)}.hero-panel:before,.raid-panel:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:var(--rainbow);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.72;pointer-events:none}.hero-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding:clamp(30px,5vw,60px)}.hero-copy,.hero-media{position:relative;z-index:1}.eyebrow,.kicker{display:inline-block;font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.display{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.045em;line-height:1.12;margin:14px 0 18px;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .display{font-size:clamp(3.3rem,6vw,5.6rem);white-space:nowrap}.lede{max-width:650px;color:#edf0fb;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.72}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 19px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid var(--line);transition:.18s transform,.18s filter}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-primary{background:var(--rainbow);color:#111326}.btn-secondary{background:rgba(255,255,255,.055)}
.hero-media{display:grid;gap:14px}.profile-card{padding:5px;border-radius:27px;background:var(--rainbow);box-shadow:0 24px 55px rgba(177,147,255,.18)}.profile-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:23px;background:#eecbd1}.identity-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:19px;padding:14px 16px;background:rgba(255,255,255,.045)}.identity-card img{width:72px;height:72px;object-fit:contain;flex:0 0 auto}.identity-card strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:1.45rem;font-weight:400}.identity-card span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.section{padding:44px 0}.section-head{margin-bottom:22px}.section h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4.5vw,3.45rem);line-height:1.12;margin:7px 0 10px}.section-copy{max-width:760px;color:var(--muted);line-height:1.7;margin:0}.feature-card{display:grid;grid-template-columns:.82fr 1.18fr;min-height:400px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,rgba(24,29,56,.96),rgba(12,15,32,.96));text-decoration:none}.feature-art{display:grid;place-items:center;padding:34px;background:radial-gradient(circle,rgba(162,241,230,.13),transparent 52%)}.feature-art img{width:min(360px,88%);filter:drop-shadow(0 26px 34px rgba(0,0,0,.28))}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:40px}.badge{display:inline-flex;align-self:flex-start;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem;font-weight:800;color:var(--cream)}.feature-copy h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(3rem,6vw,5rem);font-style:italic;margin:10px 0 6px;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-copy p{color:#e9ebf5;line-height:1.65;margin:0 0 18px}.reward-row{display:flex;flex-wrap:wrap;gap:8px}.reward-chip{padding:8px 10px;border-radius:999px;background:rgba(158,245,230,.08);border:1px solid rgba(158,245,230,.18);font-size:.73rem;font-weight:700;color:#d9fffa}.text-link{display:inline-block;margin-top:20px;color:#bafff4;font-weight:800}
.live-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px}.live-card,.side-card,.pokemon-card,.step,.reward-box,.details-card,.cta-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,26,50,.96),rgba(11,14,30,.96));border-radius:24px}.live-card{overflow:hidden}.live-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-bottom:1px solid var(--line)}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4b82;box-shadow:0 0 14px #ff4b82;margin-right:8px}.live-head a{color:#bffff5;text-decoration:none;font-size:.82rem;font-weight:800}.twitch-frame{aspect-ratio:16/9;background:#070914}.twitch-frame iframe{display:block;width:100%;height:100%;border:0}.embed-fallback{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.embed-fallback a{color:#bffff5}.side-card{padding:23px}.side-card>img{width:100%;border-radius:17px;margin-bottom:17px}.side-card h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.8rem;margin:0 0 8px}.side-card p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}.mini-brand{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.mini-brand img{width:48px;height:48px;object-fit:contain}.mini-brand span{color:var(--muted);font-size:.76rem}
.raid-hero{padding:48px 0 22px}.raid-panel{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;padding:clamp(28px,5vw,55px)}.raid-copy,.raid-art{position:relative;z-index:1}.raid-copy .display{font-size:clamp(4rem,8vw,7rem)}.raid-art{display:grid;place-items:center}.raid-art img{width:min(430px,92%);filter:drop-shadow(0 28px 45px rgba(0,0,0,.3))}.big-rewards{margin:22px 0 24px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pokemon-card{overflow:hidden;display:grid;grid-template-columns:190px 1fr}.pokemon-image{display:grid;place-items:center;padding:22px;background:radial-gradient(circle,rgba(198,181,255,.14),transparent 58%)}.pokemon-image img{width:100%;max-height:235px;object-fit:contain}.pokemon-info{padding:26px 24px 26px 0}.role{font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.11em;color:var(--mint)}.pokemon-info h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:2.55rem;margin:3px 0 7px}.buildline{color:var(--muted);font-size:.82rem;line-height:1.6}.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.move{padding:10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.move strong,.move span{display:block}.move strong{font-size:.82rem}.move span{font-size:.66rem;color:var(--muted);margin-top:2px}.move.core{border-color:rgba(250,167,219,.35);background:linear-gradient(90deg,rgba(248,162,218,.09),rgba(163,238,232,.08))}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:22px}.step-num{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--rainbow);color:#111326;font-weight:900;margin-bottom:16px}.step h3{font-size:1rem;margin:0 0 8px}.step p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0}.warning{margin-top:14px;padding:18px 20px;text-align:center;border-radius:17px;border:1px solid rgba(255,179,224,.28);background:linear-gradient(90deg,rgba(255,126,201,.12),rgba(186,157,255,.10));font-weight:900;letter-spacing:.02em}.warning strong{color:#ffd8ee}.reward-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reward-box{text-align:center;padding:21px 14px}.reward-box strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:2.05rem;color:var(--cream)}.reward-box span{display:block;color:var(--muted);font-size:.78rem;line-height:1.4}.details-card{padding:0 22px}.details-card details{border-bottom:1px solid var(--line)}.details-card details:last-child{border-bottom:0}.details-card summary{cursor:pointer;padding:19px 0;font-weight:800}.details-body{padding:0 0 20px;color:var(--muted);font-size:.86rem;line-height:1.65}.details-body strong{color:#fff}.details-body ul{margin:9px 0 0;padding-left:20px}.cta-card{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:20px;padding:23px}.cta-card img{width:82px;height:82px;object-fit:contain}.cta-card h2{margin:4px 0 6px}.cta-card p{margin:0;color:var(--muted);line-height:1.55}.footer{margin-top:46px;padding:28px 0 34px;border-top:1px solid var(--line);color:#9298af;font-size:.74rem;line-height:1.55}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer a{color:#c6fff7;text-decoration:none}
@media(max-width:930px){.hero-panel,.raid-panel,.feature-card,.live-grid{grid-template-columns:1fr}.hero-media{max-width:520px;margin:0 auto;width:100%}.feature-art{padding-bottom:6px}.feature-copy{padding-top:15px}.pair-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.reward-grid{grid-template-columns:1fr 1fr}.cta-card{grid-template-columns:72px 1fr}.cta-card .btn{grid-column:1/-1}.nav a:not(.pill){display:none}}
@media(max-width:620px){.shell{width:min(100% - 22px,1160px)}.topbar-inner{height:68px}.brand img{width:42px;height:42px}.hero,.raid-hero{padding-top:24px}.hero-panel,.raid-panel{border-radius:24px;padding:25px 20px}.hero .display{font-size:3.2rem;white-space:nowrap}.raid-copy .display{font-size:4.4rem}.profile-card{border-radius:22px}.profile-card img{border-radius:18px}.identity-card img{width:58px;height:58px}.feature-card{border-radius:22px}.feature-copy{padding:22px}.feature-copy h3{font-size:3rem}.pokemon-card{grid-template-columns:125px 1fr}.pokemon-image{padding:13px}.pokemon-info{padding:19px 14px 19px 0}.pokemon-info h3{font-size:1.8rem}.moves{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr 1fr}.cta-card{grid-template-columns:1fr;text-align:center}.cta-card img{margin:auto}.footer-inner{display:block}.footer-inner>div+div{margin-top:10px}}


/* LoverGirlPlays polish: consistent Twitch CTA, attacker art, reward sprites */
.nav .twitch-pill{
  background:var(--rainbow)!important;
  color:#111326!important;
  border:0!important;
  box-shadow:0 9px 26px rgba(183,190,255,.18), inset 0 0 0 1px rgba(255,255,255,.24);
  font-weight:900;
  white-space:nowrap;
}
.nav .twitch-pill:hover{
  color:#111326!important;
  transform:translateY(-1px);
  filter:saturate(1.06) brightness(1.04);
  box-shadow:0 12px 30px rgba(183,190,255,.28), inset 0 0 0 1px rgba(255,255,255,.3);
}
.herba-sprite{
  width:82px;
  height:82px;
  object-fit:cover;
  border-radius:16px;
  margin:0 auto 10px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.details-card summary{
  list-style:none;
}
.details-card summary::-webkit-details-marker{display:none}
.details-card summary::after{
  content:'+';
  float:right;
  color:var(--mint);
  font-size:1.3rem;
  line-height:72px;
}
.details-card details[open] summary::after{content:'−'}
.attacker-summary{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-height:72px;
}
.attacker-summary img{
  width:68px;
  height:68px;
  object-fit:contain;
  padding:5px;
  border-radius:16px;
  background:radial-gradient(circle,rgba(177,215,255,.13),rgba(255,255,255,.025) 67%);
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.25));
}
.attacker-summary span{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:1.55rem;
  font-weight:400;
}
@media(max-width:620px){
  .nav .twitch-pill{padding:10px 13px;font-size:.76rem}
  .herba-sprite{width:70px;height:70px}
  .attacker-summary{gap:11px;min-height:62px}
  .attacker-summary img{width:58px;height:58px}
  .attacker-summary span{font-size:1.3rem}
  .details-card summary::after{line-height:62px}
}


/* Visible first-screen Twitch player: required so muted autoplay has a fair chance to start. */
.hero-with-stream{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:34px;align-items:center}
.hero-stream,.raid-live{position:relative;z-index:2;min-width:0}
.hero-live-card{border-color:rgba(255,255,255,.18);box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 40px rgba(174,197,255,.08)}
.hero-twitch-frame{width:100%;height:clamp(300px,31vw,390px);aspect-ratio:auto;min-height:300px}
.stream-note{padding:9px 15px 11px;color:#9da5be;font-size:.69rem;line-height:1.45;border-top:1px solid var(--line);background:rgba(255,255,255,.025)}
.hero-identity{display:grid;grid-template-columns:54px 64px 1fr;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.hero-avatar{width:54px;height:54px;object-fit:cover;border-radius:15px;border:2px solid rgba(255,255,255,.24)}
.hero-crystal{width:64px;height:64px;object-fit:contain}
.hero-identity strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:1.35rem;font-weight:400}
.hero-identity span{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}
.live-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(22,26,50,.96),rgba(11,14,30,.96))}
.live-cta-panel h2{margin-bottom:8px}
.live-cta-panel .btn{flex:0 0 auto}
.raid-panel-live{grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:32px}
.raid-title-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px}
.raid-inline-art{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.3))}
.raid-panel-live .raid-copy{min-width:0}
@media(max-width:1080px){
  .hero-with-stream,.raid-panel-live{grid-template-columns:1fr}
  .hero-stream,.raid-live{width:100%}
  .hero-twitch-frame{height:auto;aspect-ratio:16/9;min-height:300px}
}
@media(max-width:620px){
  .hero-twitch-frame{min-height:0;aspect-ratio:16/9;height:auto}
  .hero-identity{grid-template-columns:48px 54px 1fr}
  .hero-avatar{width:48px;height:48px}
  .hero-crystal{width:54px;height:54px}
  .live-cta-panel{align-items:flex-start;flex-direction:column;padding:22px}
  .live-cta-panel .btn{width:100%}
  .raid-title-row{grid-template-columns:1fr 105px}
  .raid-inline-art{width:105px;height:105px}
  .stream-note{font-size:.64rem}
}


/* Persistent live rail: keeps the Twitch player visible while desktop visitors browse. */
.persistent-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(500px,520px);
  gap:26px;
  align-items:start;
}
.persistent-content{grid-column:1;grid-row:1;min-width:0}
.stream-rail{
  grid-column:2;
  grid-row:1;
  position:sticky;
  top:94px;
  align-self:start;
  margin-top:54px;
  min-width:0;
  z-index:18;
}
.stream-rail .live-card{width:100%;overflow:hidden;border-color:rgba(255,255,255,.18);box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 40px rgba(174,197,255,.08)}
.stream-rail .twitch-frame{width:100%;height:300px;min-height:300px;aspect-ratio:auto;background:#070914}
.stream-rail .twitch-frame iframe{width:100%;height:100%;display:block;border:0}
.stream-rail .live-head{min-height:56px;padding:13px 16px;flex-wrap:nowrap}
.stream-rail .live-head strong,.stream-rail .live-head a{white-space:nowrap}
.stream-rail .stream-note{padding:9px 15px 11px}

/* Left-column hero cards: no player overlap, no clipped headings. */
.rail-hero{padding:54px 0 24px}
.rail-hero-panel{display:block;overflow:hidden;padding:46px 44px;min-height:500px}
.rail-hero-panel .hero-copy{max-width:none;min-width:0}
.rail-hero-panel .display{font-size:clamp(3.1rem,4.35vw,4.35rem);white-space:nowrap;line-height:1.1;letter-spacing:-.04em}
.rail-hero-panel .lede{max-width:590px}
.rail-hero-panel .hero-identity{margin-top:30px}

.rail-raid-hero{padding:48px 0 22px}
.rail-raid-panel{display:block;overflow:hidden;padding:44px 40px;min-height:500px}
.rail-raid-panel .raid-copy{min-width:0}
.rail-raid-panel .raid-title-row{grid-template-columns:minmax(0,1fr) 128px;gap:12px;align-items:center}
.rail-raid-panel .raid-inline-art{width:128px;height:128px}
.rail-raid-panel .raid-copy .display{font-size:clamp(3.65rem,5vw,4.65rem);white-space:nowrap;line-height:1.1;letter-spacing:-.04em}
.rail-raid-panel .lede{font-size:1rem;line-height:1.65}
.rail-raid-panel .big-rewards{gap:7px}
.rail-raid-panel .reward-chip{padding:7px 9px;font-size:.7rem}

/* The guide itself uses the available left rail width without squeezing cards. */
.persistent-content .section{padding:40px 0}
.persistent-content .feature-card{grid-template-columns:.78fr 1.22fr;min-height:360px}
.persistent-content .feature-art{padding:24px}
.persistent-content .feature-copy{padding:30px 28px}
.persistent-content .feature-copy h3{font-size:clamp(2.8rem,4.5vw,4rem)}
.persistent-content .pair-grid{grid-template-columns:1fr}
.persistent-content .pokemon-card{grid-template-columns:160px minmax(0,1fr)}
.persistent-content .pokemon-image{padding:16px}
.persistent-content .pokemon-info{padding:22px 20px 22px 0}
.persistent-content .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.persistent-content .reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.persistent-content .cta-card{grid-template-columns:72px minmax(0,1fr);align-items:center}
.persistent-content .cta-card .btn{grid-column:1/-1;width:100%}
.persistent-content .live-cta-panel{align-items:flex-start;flex-direction:column;padding:24px}
.persistent-content .live-cta-panel .btn{width:100%}

@media(max-width:1150px){
  .persistent-layout{display:flex;flex-direction:column;gap:0}
  .stream-rail{order:-1;position:relative;top:auto;width:100%;margin:28px 0 0;z-index:auto}
  .persistent-content{width:100%}
  .stream-rail .twitch-frame{height:auto;min-height:300px;aspect-ratio:16/9}
  .rail-hero{padding-top:28px}
  .rail-raid-hero{padding-top:28px}
  .rail-hero-panel,.rail-raid-panel{min-height:0}
  .rail-hero-panel .display{font-size:clamp(3.1rem,8vw,4.6rem)}
  .rail-raid-panel .raid-copy .display{font-size:clamp(3.8rem,8vw,5.6rem)}
  .persistent-content .feature-card{grid-template-columns:.82fr 1.18fr}
}
@media(max-width:720px){
  .stream-rail{margin-top:18px}
  .stream-rail .twitch-frame{min-height:0;aspect-ratio:16/9;height:auto}
  .stream-rail .live-head{flex-wrap:wrap}
  .rail-hero-panel,.rail-raid-panel{padding:28px 22px}
  .rail-hero-panel .display{font-size:clamp(2.65rem,12vw,3.7rem);white-space:nowrap}
  .rail-raid-panel .raid-title-row{grid-template-columns:minmax(0,1fr) 88px}
  .rail-raid-panel .raid-inline-art{width:88px;height:88px}
  .rail-raid-panel .raid-copy .display{font-size:clamp(3rem,13vw,4.2rem);white-space:nowrap}
  .persistent-content .feature-card{grid-template-columns:1fr}
  .persistent-content .pokemon-card{grid-template-columns:120px minmax(0,1fr)}
  .persistent-content .timeline{grid-template-columns:1fr}
  .persistent-content .reward-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:470px){
  .rail-hero-panel .display{font-size:clamp(2.3rem,11vw,3rem)}
  .rail-raid-panel .raid-title-row{grid-template-columns:1fr}
  .rail-raid-panel .raid-inline-art{width:105px;height:105px;margin:0 auto}
  .rail-raid-panel .raid-copy .display{font-size:clamp(3rem,16vw,4.1rem)}
  .persistent-content .pokemon-card{grid-template-columns:1fr}
  .persistent-content .pokemon-info{padding:0 18px 20px}
  .persistent-content .pokemon-image img{max-height:190px}
}

/* Animated Showdown sprites are small pixel art. Let them scale up crisply instead of
   turning to mush, and cap the big one so it is not blown up past what it can carry. */
.pxsprite{
  image-rendering:-webkit-optimize-contrast;
  image-rendering:pixelated;
}
.raid-art .pxsprite,
.raid-inline-art.pxsprite{
  width:auto;
  max-width:min(300px,80%);
  max-height:260px;
  margin-inline:auto;
}
.pokemon-image .pxsprite{max-height:150px;width:auto;margin-inline:auto}
.attacker-summary .pxsprite{object-fit:contain}


/* The wisteria from the stream overlays, same treatment as the rest of the site. */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.5;
  background:url("assets/images/wisteria-backdrop.webp") center top / cover no-repeat fixed;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);
}
.topbar,.footer,.shell{position:relative;z-index:1}
@media(max-width:640px){body::after{opacity:.4}}

/* Wordmark: the on-stream raid title, text only, matching the rest of the site. */
.brand{align-items:center;gap:0;padding:2px 0}
.plaque-mark{
  display:inline-block;color:#fff;
  font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;
  font-size:2rem;line-height:1.18;letter-spacing:-.015em;white-space:nowrap;
  animation:wordmark-glow 12s ease-in-out infinite;
}
@keyframes wordmark-glow{
  0%,100%{text-shadow:0 0 18px rgba(183,146,255,.55),0 2px 10px rgba(0,0,0,.45)}
  25%{text-shadow:0 0 18px rgba(255,130,189,.55),0 2px 10px rgba(0,0,0,.45)}
  50%{text-shadow:0 0 18px rgba(88,183,250,.55),0 2px 10px rgba(0,0,0,.45)}
  75%{text-shadow:0 0 18px rgba(88,210,139,.55),0 2px 10px rgba(0,0,0,.45)}
}
@media(max-width:640px){.plaque-mark{font-size:1.42rem}}
@media(prefers-reduced-motion:reduce){.plaque-mark{animation:none}}