/* Update content styles; :where(#main) leaves shared navigation and footer styling intact. */
@font-face {font-family:"Pixel Operator";src:url("/assets/games/nimrods/endlessbloom/PixelOperator.ttf") format("truetype");size-adjust:150%;font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:"Pixel Operator";src:url("/assets/games/nimrods/endlessbloom/PixelOperator-Bold.ttf") format("truetype");size-adjust:150%;font-weight:700;font-style:normal;font-display:swap}
@font-face {font-family:"Pixellari";src:url("/assets/games/nimrods/endlessbloom/Pixellari.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root {--ink:#181a17;--text:#eef0e9;--muted:#b6bcae;--green:#8dc63f;--violet:#c59ae6;--orange:#f0ad58;--line:#343931;--page:1132px;--site-nav-height:68px;--chapter-nav-height:60px}
:where(#main) * {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:calc(var(--site-nav-height) + var(--chapter-nav-height) + 24px)}
:where(#main) {margin:0;background:var(--ink);color:var(--text);font:1rem/1.5 "Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:break-word}
:where(#main) button,:where(#main) a {-webkit-tap-highlight-color:transparent}
:where(#main) button {font:700 1.0625rem/1.2 "Chakra Petch","Arial Narrow",sans-serif;border-radius:6px;cursor:pointer}
:where(#main) a {color:inherit}
:where(#main) img {height:auto;max-width:100%;vertical-align:baseline}
:where(#main) .pixel {image-rendering:pixelated}
:where(#main) [hidden] {display:none!important}
:where(#main) a:focus-visible,:where(#main) button:focus-visible,:where(#main) summary:focus-visible {outline:3px solid var(--green);outline-offset:5px}
.skip-link {position:fixed;left:20px;top:-100px;z-index:1100;background:var(--green);color:var(--ink);padding:12px}
.skip-link:focus {top:15px}
:where(#main) h1,:where(#main) h2,:where(#main) h3,:where(#main) h4 {font:500 1em/1.05 "Chakra Petch","Arial Narrow",sans-serif;margin:0;letter-spacing:.01em}
:where(#main) p {margin:0 0 20px}
:where(#main) h2 {font-size:clamp(2.3125rem,5.3vw,4.0625rem)}
:where(#main) h2 span {color:var(--accent,var(--green))}
:where(#main) h3 {font-size:1.8125rem}
:where(#main) h4 {font-size:1.1875rem}
:where(#main) .eyebrow,:where(#main) .item-type {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;line-height:1.4}
:where(#main) .eyebrow {font-size:0.875rem;color:var(--accent,var(--green));margin-bottom:22px}
:where(#main) .item-type {font-size:0.875rem;color:var(--muted);margin-bottom:12px}
:where(#main) .feature-intro {font-size:1.375rem;line-height:1.4;color:var(--text);margin-top:28px}
:where(#main) .js-only {display:none}
.enhanced :where(#main) .js-only {display:flex}
:where(#main) .button {display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--green);color:#101208;text-decoration:none;font:700 1.0625rem/1 "Chakra Petch","Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase;min-height:48px;padding:14px 22px;border:1px solid transparent;border-radius:6px;transition:background .15s,transform .15s}
:where(#main) .button:hover {background:#a3dd52;transform:translateY(-1px)}
:where(#main) .text-link {font-size:1rem;text-decoration-thickness:1px;text-underline-offset:6px;transition:color .18s}
:where(#main) .text-link:hover {color:var(--green)}
:where(#main) .hero {width:auto;justify-content:flex-start;min-height:max(800px,calc(100svh - var(--site-nav-height)));height:auto;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;--mx:0px;--my:0px}
:where(#main) .hero-art {position:absolute;inset:-25px;z-index:-3;overflow:hidden;transform:scale(1.035);filter:saturate(1.16)}
:where(#main) .hero-art img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;image-rendering:pixelated}
:where(#main) .hero-art::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101aed 0%,#0b1329bd 42%,#2c19373b 85%),linear-gradient(0deg,#0c1015 0%,transparent 40%)}
:where(#main) .hero-grid {position:absolute;inset:0;z-index:-2;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 79px,#ccc9ff36 80px),repeating-linear-gradient(0deg,transparent 0 79px,#ccc9ff36 80px);mask-image:linear-gradient(0deg,black,transparent 70%)}
:where(#main) .hero-subject {position:absolute;right:1vw;bottom:4%;width:min(55vw,780px);z-index:-1;transform:translate(var(--mx),var(--my));transition:transform .5s ease-out;filter:drop-shadow(0 30px 10px #06091a70)}
:where(#main) .hero-subject img {display:block;width:100%}
:where(#main) .hero-content {font-family:inherit;text-align:left;color:inherit;position:relative;margin:85px 0 110px max(24px,calc((100vw - var(--page))/2));width:60%;max-width:750px}
:where(#main) .hero-content>.eyebrow {color:#a3dd52;margin:28px 0 20px;font-size:1rem}
:where(#main) h1 {font-size:clamp(3.875rem,10.7vw,8.1875rem);font-weight:700;line-height:.95;text-shadow:0 4px 20px #0008;transform:none;transform-origin:left center;margin:20px 0 30px;letter-spacing:.01em}
:where(#main) h1 span {color:#a3dd52;text-shadow:0 4px 20px #0008}
:where(#main) .hero-intro {font-size:1.1875rem;max-width:470px;line-height:1.5;color:#d4dacd;text-shadow:0 2px 2px #000}
:where(#main) .hero-actions {display:flex;align-items:center;gap:32px;margin-top:34px;flex-wrap:wrap}
:where(#main) .chapter-nav {position:sticky;top:var(--site-nav-height);z-index:20;border-top:1px solid #b1ca8b6b;border-bottom:1px solid #ffffff22;background:#181a17f5;backdrop-filter:blur(14px)}
:where(#main) .chapter-nav>div:first-child {max-width:var(--page);margin:auto;display:flex;justify-content:space-between;overflow-x:auto;scrollbar-width:thin;padding:0 20px}
:where(#main) .chapter-nav a {text-decoration:none;white-space:nowrap;padding:18px 12px 16px;font-size:0.9375rem;border-bottom:3px solid transparent;color:#a9b7b4;transition:color .2s,border-color .2s}
:where(#main) .chapter-nav a:hover,:where(#main) .chapter-nav a.active {color:var(--green);border-bottom-color:var(--green)}
:where(#main) .reading-progress {height:2px;margin-top:8px;background:#ffffff0a;pointer-events:none}
:where(#main) .reading-progress span {display:block;height:100%;width:var(--reading,0%);background:var(--green)}
:where(#main) .chapter {padding:100px max(24px,calc((100vw - var(--page))/2));position:relative;isolation:isolate}
:where(#main) .section-heading {max-width:var(--page);margin:0 auto 45px}
:where(#main) .section-heading>p:last-child {max-width:620px;margin:25px 0 0;color:var(--muted)}
:where(#main) .split-heading {display:grid;grid-template-columns:1fr .75fr;gap:0 80px;align-items:end}
:where(#main) .split-heading>.eyebrow {grid-column:1/-1}
:where(#main) .split-heading>p:last-child {margin:0 0 5px}
:where(#main) .forest {--accent:var(--violet);background:#201b2c;padding-top:100px;padding-bottom:60px}
:where(#main) .forest::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#30223e,transparent 50%);pointer-events:none}
:where(#main) .zone-label {max-width:var(--page);margin:0 auto 16px}
:where(#main) .zone-selector {max-width:var(--page);margin:0 auto;gap:0}
.enhanced :where(#main) .zone-selector {display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
:where(#main) .zone-selector button {border:1px solid #c59ae644;color:#a999b4;background:#181a24;padding:14px 28px;min-height:52px;position:relative;z-index:2}
:where(#main) .zone-selector button[aria-pressed='true'] {background:var(--violet);color:#241b32;border-color:var(--violet)}
:where(#main) .zone-selector button:hover {color:#fff}
:where(#main) .zone-selector button[aria-pressed='true']:hover {color:#241b32}
:where(#main) .zone-viewer {max-width:var(--page);margin:auto;position:relative}
:where(#main) .zone-viewer figure {margin:0 0 24px;border:1px solid #c59ae65a;position:relative;overflow:hidden;background:#171523}
:where(#main) .zone-viewer figure>img {display:block;width:100%;height:480px;object-fit:cover;object-position:center;image-rendering:pixelated;transition:transform .6s ease-out}
:where(#main) .zone-viewer figure:hover>img {transform:scale(1.025)}
:where(#main) .zone-viewer figcaption {position:absolute;inset:auto 0 0;padding:65px 32px 28px;background:linear-gradient(0deg,#151526ef,transparent);display:flex;flex-direction:column;gap:8px;pointer-events:none}
:where(#main) .zone-viewer figcaption span {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:1.5625rem}
:where(#main) .zone-viewer figcaption p {font-size:1rem;line-height:1.5;color:#ccbedc;max-width:640px;margin:0}


:where(#main) .zone-viewer::before,:where(#main) .zone-viewer::after {content:'';position:absolute;width:28px;height:5px;background:var(--violet);z-index:3;pointer-events:none}
:where(#main) .zone-viewer::before {top:0;left:0}
:where(#main) .zone-viewer::after {right:0;bottom:0}

:where(#main) :is(.enemy-sprite,.trophy-sprite) {display:block;position:relative;overflow:hidden;aspect-ratio:var(--sprite-ratio)}
:where(#main) :is(.enemy-sprite,.trophy-sprite)>img {display:block;width:calc(var(--sprite-frames) * 100%);max-width:none;height:100%;image-rendering:pixelated;animation:enemy-frames var(--sprite-duration) steps(var(--sprite-frames)) infinite;animation-play-state:paused}
:where(#main) :is(.enemy-sprite,.trophy-sprite).is-in-view>img {animation-play-state:running}
.enemy-motion-paused :where(#main) :is(.enemy-sprite,.trophy-sprite)>img {animation-play-state:paused}
@keyframes enemy-frames {to {transform:translateX(-100%)}}
/* Native Mush frame order and timing. */
:where(#main) #enemy-mush>img {animation-name:mush-cycle;animation-timing-function:step-end}
@keyframes mush-cycle {
  0.00000000% {transform:translateX(0.00000000%)}
  4.26829268% {transform:translateX(-3.84615385%)}
  8.53658537% {transform:translateX(-7.69230769%)}
  12.80487805% {transform:translateX(-11.53846154%)}
  17.07317073% {transform:translateX(-15.38461538%)}
  21.34146341% {transform:translateX(-19.23076923%)}
  25.60975610% {transform:translateX(-23.07692308%)}
  29.87804878% {transform:translateX(-26.92307692%)}
  34.14634146% {transform:translateX(-30.76923077%)}
  38.41463415% {transform:translateX(-34.61538462%)}
  42.68292683% {transform:translateX(-38.46153846%)}
  46.95121951% {transform:translateX(-42.30769231%)}
  51.21951220% {transform:translateX(-46.15384615%)}
  55.48780488% {transform:translateX(-50.00000000%)}
  59.75609756% {transform:translateX(-53.84615385%)}
  64.02439024% {transform:translateX(-57.69230769%)}
  68.29268293% {transform:translateX(-61.53846154%)}
  71.95121951% {transform:translateX(-65.38461538%)}
  75.60975610% {transform:translateX(-69.23076923%)}
  78.04878049% {transform:translateX(-73.07692308%)}
  80.48780488% {transform:translateX(-76.92307692%)}
  82.92682927% {transform:translateX(-80.76923077%)}
  85.36585366% {transform:translateX(-84.61538462%)}
  89.02439024% {transform:translateX(-88.46153846%)}
  92.68292683% {transform:translateX(-92.30769231%)}
  96.34146341% {transform:translateX(-96.15384615%)}
  100% {transform:translateX(0)}
}
/* End native Mush cycle. */
:where(#main) .boss-feature {max-width:1040px;margin:-12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:25px;position:relative;z-index:2}
:where(#main) .boss-feature h3 {font-size:4.3125rem;color:#eee4f3}
:where(#main) .boss-feature p:last-child {max-width:370px;color:#bdaeca;margin-top:22px}
:where(#main) .boss-feature>.enemy-sprite {width:370px;justify-self:center;image-rendering:pixelated;filter:drop-shadow(10px 18px 0 #0f0a1650);transition:transform .25s}
:where(#main) .boss-feature:hover>.enemy-sprite {transform:translateY(-6px) rotate(1deg)}
:where(#main) .encounter-line {max-width:1040px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1.8fr;gap:0 30px;align-items:center;border-top:1px solid #c59ae62b;padding-top:32px}
:where(#main) .encounter-line>.eyebrow {max-width:220px;line-height:1.4}
:where(#main) .encounter-line>div {grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
:where(#main) .encounter-line figure {margin:0;text-align:center}
:where(#main) .encounter-line .enemy-sprite {--sprite-height:100px;width:min(100%,calc(var(--sprite-height) * var(--sprite-ratio)));max-width:150px;margin:0 auto;transition:transform .2s}
:where(#main) .encounter-line figure:hover .enemy-sprite {transform:translateY(-5px)}
:where(#main) .encounter-line figcaption {font-size:1rem;margin-top:15px}
:where(#main) .encounter-line>p:last-child {font-size:1rem;color:#a794b9}
:where(#main) .endless {background:#181d17;border-top:4px solid #8ab66555;padding-top:100px;padding-bottom:100px}
:where(#main) .endless-layout,:where(#main) .bubba-layout,:where(#main) .progression-top,:where(#main) .encounter-layout {max-width:var(--page);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
:where(#main) .endless-layout>div>p:not(.eyebrow) {max-width:540px;color:var(--muted)}
:where(#main) .endless-layout .feature-intro {color:var(--text)!important}
:where(#main) .enemy-families {grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:30px 0 0;margin:0;border-top:1px solid #50776655;text-align:center}
:where(#main) .enemy-families li {min-width:0;font-size:1rem;color:#bdcbbb}
:where(#main) .enemy-tier-name {display:block}
:where(#main) .enemy-tier-count {display:block;font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:0.75rem;line-height:1.4;letter-spacing:0.08em;color:#869b8a;margin-top:6px}
:where(#main) .endless-enemy-art {height:165px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
:where(#main) .endless-enemy-art .enemy-sprite {width:min(100%,calc(140px * var(--sprite-ratio)));max-width:250px;filter:drop-shadow(5px 8px 0 #070e0940)}
:where(#main) .endless-clock {margin:0;background-color:#101613;background-image:linear-gradient(#81978608 1px,transparent 1px),linear-gradient(90deg,#81978608 1px,transparent 1px);background-size:22px 22px;border:2px solid #518471;padding:28px 28px 30px;text-align:center;position:relative;border-radius:4px;box-shadow:0 8px 0 #0b110f55}
:where(#main) .endless-clock::before {content:'';position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #51847136;pointer-events:none}
:where(#main) .clock-skull {display:block;width:80px;height:80px;margin:0 auto;image-rendering:pixelated}
:where(#main) .clock-status {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:1.0625rem;color:#d4dbcf;font-weight:700;letter-spacing:2px}
:where(#main) .clock-time {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:clamp(3.875rem,8vw,6.25rem);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;margin:8px 0 16px;color:#ef624e;text-shadow:3px 4px 0 #421c19}
:where(#main) .clock-rule {height:1px;background:#51847155;margin:22px 12px 18px}
:where(#main) .endless-clock figcaption {font-size:1.125rem;line-height:1.5;color:#a9c6b9}
:where(#main) .bubba {--accent:var(--orange);background:#1f2220;border-bottom:1px solid #edbf7430;padding-bottom:80px}
:where(#main) .bubba::before {content:'';position:absolute;z-index:-1;top:80px;left:0;width:46%;height:660px;background:#cf9d3b14;clip-path:polygon(0 7%,90% 0,100% 92%,0 100%)}
:where(#main) .bubba-layout {grid-template-columns:1fr 1.1fr;gap:90px}
:where(#main) .bubba-portrait {position:relative;text-align:center}
:where(#main) .bubba-portrait>img {max-height:720px;width:auto;display:block;margin:auto;filter:drop-shadow(12px 14px 0 #0b111255);transition:transform .35s}
:where(#main) .bubba-portrait:hover>img {transform:rotate(-1deg) translateY(-5px)}
:where(#main) .character-stamp {display:inline-block;margin-bottom:32px;background:var(--orange);color:#30251b;font-size:1rem;font-weight:700;letter-spacing:1px;padding:12px 19px;transform:rotate(-7deg);box-shadow:4px 4px 0 #080f11}
:where(#main) .bubba-copy {position:relative}
:where(#main) .bubba-copy h2 {font-size:clamp(3.875rem,8vw,6.625rem)}
:where(#main) .bubba-copy>p:not(.eyebrow) {color:#bdc2b5;max-width:550px}
:where(#main) .bubba-copy .feature-intro {color:#f2e6ce!important}
:where(#main) .ability {display:grid;grid-template-columns:60px 1fr;gap:26px;margin-top:25px;padding-top:24px;border-top:1px solid #e8b76026;align-items:start}
:where(#main) .ability>img {max-width:50px;max-height:64px;justify-self:center;margin-top:10px;object-fit:contain;image-rendering:pixelated}
:where(#main) .ability .health-icon {width:48px}
:where(#main) .ability h3 {font-size:1.5625rem;color:#f0d39f}
:where(#main) .ability p:last-child {font-size:1.0625rem;color:#acb7aa;margin:12px 0 0}
:where(#main) .returning {max-width:var(--page);margin:80px auto 0;padding-top:40px;border-top:1px solid #ffffff1b;display:grid;grid-template-columns:.65fr 1.65fr;gap:60px}
:where(#main) .returning-heading h3 {font-size:2rem;line-height:1.1}
:where(#main) .returning-heading>p:last-child {color:#a6b2a5;font-size:1rem;margin-top:20px}
:where(#main) .crew-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
:where(#main) .crew-grid article {position:relative}
:where(#main) .crew-grid img {width:100%;height:185px;object-fit:contain;object-position:center bottom;transition:transform .25s;filter:drop-shadow(7px 9px 0 #080f1150)}
:where(#main) .crew-grid article:hover img {transform:translateY(-5px)}
:where(#main) .crew-grid h4 {font-size:1.25rem;line-height:1.1;margin:22px 0 14px}
:where(#main) .crew-grid p {font-size:1rem;color:#a7b6a6;line-height:1.5}
:where(#main) .armory {--accent:#9ed0d1;background:#181e1c}
:where(#main) .gun-selector {max-width:var(--page);margin:0 auto 0;gap:8px;flex-wrap:wrap}
:where(#main) .gun-selector button {background:#1b2930;color:#8facb6;border:1px solid #44636f;padding:13px 25px;min-height:52px}
:where(#main) .gun-selector button[aria-pressed='true'] {background:#9ed0d1;color:#142027;border-color:#9ed0d1}
:where(#main) .gun-selector button:hover {border-color:#d1e9e9}
:where(#main) .gun-grid {max-width:var(--page);margin:22px auto 0;display:grid;gap:24px}
:where(#main) .gun {position:relative;min-height:340px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:50px 60px;background:#202824;border:1px solid #557783;--gun-accent:#dcc970;border-radius:6px}
:where(#main) .gun.ricochet {--gun-accent:#b2dde0}
:where(#main) .gun-art {min-width:0;height:240px;position:relative;display:flex;justify-content:center;align-items:center;background:repeating-linear-gradient(90deg,transparent 0 39px,#7899a218 40px),repeating-linear-gradient(0deg,transparent 0 39px,#7899a218 40px)}
:where(#main) .gun-art img {position:relative;z-index:2;width:auto;max-width:82%;height:150px;object-fit:contain;filter:drop-shadow(15px 18px 0 #030c154d);transition:transform .25s}
:where(#main) .gun-art:hover img {transform:rotate(-3deg) translateY(-4px)}
:where(#main) .gun-crosshair {width:200px;height:200px;border:1px dashed #84a4b435;border-radius:50%;position:absolute;pointer-events:none}
:where(#main) .gun-crosshair::before,:where(#main) .gun-crosshair::after {content:'';position:absolute;top:50%;left:50%;background:#84a4b435;transform:translate(-50%,-50%)}
:where(#main) .gun-crosshair::before {width:230px;height:1px}
:where(#main) .gun-crosshair::after {width:1px;height:230px}
:where(#main) .gun-copy {min-width:0}
:where(#main) .gun h3 {color:var(--gun-accent);font-size:2.125rem;line-height:1.05}
:where(#main) .gun-copy p {font-size:1.1875rem;line-height:1.5;color:#b7c8cb;margin:24px 0 0;max-width:450px}
:where(#main) .augment-heading {max-width:var(--page);margin:75px auto 32px}
:where(#main) .augment-heading h3 {font-size:1.8125rem;white-space:nowrap}
:where(#main) .augment-grid {max-width:var(--page);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}
:where(#main) .augment {display:grid;grid-template-columns:62px 1fr;gap:18px;padding:24px 0;border-top:1px solid #61859d40;min-width:0}
:where(#main) .augment-icon {height:80px;display:flex;align-items:center;justify-content:center;border:2px solid #5a7482;background:#243640;position:relative;border-radius:6px}
:where(#main) .augment-icon::after {content:'';position:absolute;inset:3px;border:1px solid #7897a326}
:where(#main) .augment-icon img {width:45px;height:55px;object-fit:contain;image-rendering:pixelated;transition:transform .2s}
:where(#main) .augment:hover .augment-icon img {transform:translateY(-3px)}
:where(#main) .augment>div {min-width:0}
:where(#main) .augment .item-type {font-size:0.875rem;color:#7999a6;margin-bottom:9px}
:where(#main) .augment h4 {font-size:1.25rem;line-height:1.1}
:where(#main) .augment>div>p:last-child {font-size:1rem;color:#94b0bc;margin:12px 0 0;line-height:1.5}
:where(#main) .pods {--accent:#e1c672;background:#24251d;padding-top:85px;padding-bottom:80px;overflow:hidden}
:where(#main) .pods::before {content:'';position:absolute;inset:0 auto 0 0;width:14px;background:repeating-linear-gradient(135deg,#ab975838 0 12px,transparent 12px 24px);z-index:-1}
:where(#main) .pod-lineup {max-width:1000px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;text-align:center;align-items:end;position:relative}
:where(#main) .pod-lineup::before {content:'';position:absolute;height:1px;left:10%;right:10%;top:130px;background:#c0ad6144;z-index:-1}
:where(#main) .pod-art {height:290px;display:flex;justify-content:center;align-items:flex-end;position:relative;margin-bottom:30px}
:where(#main) .pod-art img {width:auto;height:215px;filter:drop-shadow(8px 12px 0 #080f153d);transition:transform .3s cubic-bezier(.2,.8,.3,1)}
:where(#main) .pod-art:hover img {transform:translateY(-10px) rotate(-2deg)}
:where(#main) .pod-lineup article:nth-child(2) .pod-art img {height:250px}
:where(#main) .pod-lineup article:nth-child(3) .pod-art img {height:290px}
:where(#main) .pod-lineup .item-type {color:#a59662;font-size:0.875rem}
:where(#main) .pod-lineup h3 {font-size:2rem;color:#e1c672}
:where(#main) .pod-lineup article>p:last-child {color:#b2b59d;font-size:1rem;margin-top:15px}
:where(#main) .pod-changes {max-width:var(--page);margin:70px auto 0;display:grid;grid-template-columns:.55fr 1.5fr;gap:70px;border-top:1px solid #d9c7852b;padding-top:35px}
:where(#main) .pod-changes>h3 {font-size:1.8125rem;line-height:1.1;max-width:230px}
:where(#main) .pod-change-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
:where(#main) .pod-change-grid article {display:grid;grid-template-columns:46px 1fr;gap:20px;align-items:start}
:where(#main) .pod-change-grid img {width:46px;height:66px;object-fit:contain;image-rendering:pixelated}
:where(#main) .pod-change-grid h4 {font-size:1.1875rem;line-height:1.1;color:#d3d6c0}
:where(#main) .pod-change-grid p {font-size:1rem;color:#a1a991;margin:12px 0 0}
:where(#main) .progression {background:#1c2821}
:where(#main) .progression-top {grid-template-columns:1.2fr 1fr}
:where(#main) .progression-top>div>p:not(.eyebrow) {color:#a9c0b6;max-width:570px}
:where(#main) .perk-labels {display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:30px;color:#c3dbc0;font-size:0.9375rem}
:where(#main) .perk-labels span {border-bottom:1px solid #5b9c7b;padding-bottom:5px}
:where(#main) .cap-graphic {position:relative;text-align:center;transform:rotate(-2deg);background:#233f37;color:#bad6c3;padding:35px 26px;border:2px solid #7aa686;box-shadow:7px 7px 0 #081517;border-radius:6px}
:where(#main) .cap-graphic .nux {width:50px;margin-bottom:20px;image-rendering:pixelated}
:where(#main) .cap-graphic .item-type {color:#9cbc99}
:where(#main) .cap-graphic h3 {font-size:clamp(2rem,4vw,3.125rem);line-height:1.1;margin:18px 0 28px;color:var(--green)}
:where(#main) .cap-graphic>p:last-child {font-size:1rem;margin:0;line-height:1.5}
:where(#main) .progression-bottom {max-width:var(--page);margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-top:40px;border-top:1px solid #7aa68633}
:where(#main) .progression-bottom h3 {font-size:1.875rem;line-height:1.1}
:where(#main) .progression-bottom article>p:not(.eyebrow) {color:#a7bfb2;font-size:1.0625rem;margin-top:22px}
:where(#main) .medals {display:flex;gap:24px;align-items:center;height:90px;margin:20px 0}
:where(#main) .medals img {width:44px;height:65px;object-fit:contain;image-rendering:pixelated;transition:transform .2s}
:where(#main) .medals img:hover {transform:translateY(-7px) rotate(-5deg)}
:where(#main) .records {--accent:#ecdda1;background:#181a17;padding-top:65px;padding-bottom:65px;border-top:1px solid #7aa68640;border-bottom:1px solid #7aa68640}
:where(#main) .record-heading {max-width:var(--page);margin:auto;display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);gap:0 50px;align-items:center}
:where(#main) .leaderboard-trophy {width:100%;max-width:170px;justify-self:center}
:where(#main) .record-title .eyebrow {margin-bottom:15px}
:where(#main) .record-heading h2 {font-size:2.75rem}
:where(#main) .record-heading>p:last-child {color:#a5b8ab;max-width:500px;margin:0;font-size:1.1875rem}
:where(#main) .record-columns {max-width:var(--page);margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}
:where(#main) .record-columns article {display:flex;gap:24px;padding-top:24px;border-top:1px solid #aabe9b33}
:where(#main) .record-number {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:1.9375rem;color:#4b735f;line-height:1}
:where(#main) .record-columns h3 {font-size:1.5625rem;color:#e3e1c3}
:where(#main) .record-columns .item-type {display:none}
:where(#main) .record-columns article p:last-child {font-size:1rem;color:#a5b8ab;margin:18px 0 0}
:where(#main) .improvements {background:#20231f}
:where(#main) .quality-heading {margin-bottom:40px}
:where(#main) .quality-heading h2 {font-size:clamp(2.125rem,4.2vw,3.5rem)}
:where(#main) .quality-grid {max-width:var(--page);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:where(#main) .quality-card {min-width:0;min-height:270px;padding:28px;display:flex;flex-direction:column;border:1px solid #444b3e;border-radius:6px;background:#252a22}
:where(#main) .quality-card .item-type {color:var(--green);font-size:.75rem;margin:0 0 10px}
:where(#main) .quality-card h3 {font-size:1.5rem;font-weight:600;line-height:1.15}
:where(#main) .quality-copy {color:var(--muted);font-size:1rem;line-height:1.5;margin:16px 0 24px}
:where(#main) .quality-keybinding {grid-column:span 2;background:#293123;border-color:#647b49}
:where(#main) .quality-keybinding h3 {font-size:2rem}
:where(#main) .quality-keybinding .quality-copy {max-width:540px}
:where(#main) .quality-keys {display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:auto}
:where(#main) .quality-keys img {display:block;width:auto;max-width:100%;height:44px}
:where(#main) .quality-art {display:flex;align-items:center;gap:16px;min-height:64px;margin-top:auto}
:where(#main) .quality-art img {display:block;width:auto;height:64px;max-width:100%;max-height:64px}
:where(#main) .quality-mouse img {height:50px}
:where(#main) .quality-controller img {height:48px}
:where(#main) .quality-controller .quality-cursor {height:40px;margin-left:8px}
:where(#main) .quality-gun img {height:64px}
:where(#main) .quality-map-icons img {height:56px}
:where(#main) .quality-slots {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;font:600 .8125rem/1.3 "Chakra Petch","Arial Narrow",sans-serif;letter-spacing:.06em;color:#d8dfce}
:where(#main) .quality-slots span {padding:10px 12px;background:#1c2119;border:1px solid #4c5942;border-radius:3px}
:where(#main) .quality-kills {display:flex;align-items:center;gap:14px;margin-top:auto;min-height:64px;font:600 2.25rem/1 "Chakra Petch","Arial Narrow",sans-serif;font-variant-numeric:tabular-nums;color:#eef0e9}
:where(#main) .quality-kills img {width:48px}
:where(#main) .overhauls {background:#1d241f;border-top:1px solid #444b3e}
:where(#main) .overhauls .quality-card {min-height:0}
:where(#main) .overhauls .quality-copy {margin-bottom:0}
:where(#main) .encounters {--accent:#dc9773;background:#251d1b}
:where(#main) .encounter-layout {grid-template-columns:1fr 1.1fr;gap:70px}
:where(#main) .encounter-layout>div>p:last-of-type {color:#c1aba0;margin-top:25px}
:where(#main) .encounter-notes {display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:30px;margin-top:35px;border-top:1px solid #dba4822b}
:where(#main) .encounter-notes h3 {font-size:1.375rem;color:#d8bfa9}
:where(#main) .encounter-notes p {font-size:1rem;color:#b09b8b;margin:16px 0 0}
:where(#main) .malphor-art {--malphor-play-state:paused;--malphor-duration:6.25s;position:relative;width:100%;aspect-ratio:11/9;isolation:isolate}
:where(#main) .malphor-art.is-in-view {--malphor-play-state:running}
.enemy-motion-paused :where(#main) .malphor-art {--malphor-play-state:paused}
:where(#main) .malphor-sprite {position:absolute;top:0;left:0;width:100%;aspect-ratio:386/256;overflow:hidden;z-index:2;filter:drop-shadow(6px 10px 0 #08070a6b)}
:where(#main) .malphor-sprite>img {display:block;width:1800%;max-width:none;height:100%;image-rendering:pixelated;animation:malphor-cycle var(--malphor-duration) step-end infinite;animation-play-state:var(--malphor-play-state)}
:where(#main) .malphor-spikes {position:absolute;inset:0;pointer-events:none}
:where(#main) .malphor-spike {position:absolute;left:var(--spike-x);top:var(--spike-y);width:var(--spike-width);aspect-ratio:164/148;transform:translate(-50%,-55%);overflow:hidden;z-index:1}
:where(#main) .malphor-spike-front {z-index:3}
:where(#main) .malphor-spike>img {display:block;width:500%;max-width:none;height:100%;opacity:0;image-rendering:pixelated;animation:var(--spike-animation) var(--malphor-duration) step-end infinite;animation-play-state:var(--malphor-play-state)}
:where(#main) .malphor-spike-impact {--spike-animation:malphor-spikes-impact}
:where(#main) .malphor-spike-near {--spike-animation:malphor-spikes-near}
:where(#main) .malphor-spike-far {--spike-animation:malphor-spikes-far}
/* Native Malphor timeline; repeated frames share atlas cells to keep idle rendering stable. */
@keyframes malphor-cycle {
  0.00000000% {transform:translateX(0.00000000%)}
  2.40000000% {transform:translateX(-5.55555556%)}
  4.80000000% {transform:translateX(-11.11111111%)}
  7.20000000% {transform:translateX(-16.66666667%)}
  9.60000000% {transform:translateX(-22.22222222%)}
  12.00000000% {transform:translateX(-27.77777778%)}
  14.40000000% {transform:translateX(-27.77777778%)}
  16.80000000% {transform:translateX(-33.33333333%)}
  19.20000000% {transform:translateX(-27.77777778%)}
  21.60000000% {transform:translateX(-27.77777778%)}
  24.00000000% {transform:translateX(-38.88888889%)}
  26.40000000% {transform:translateX(-44.44444444%)}
  28.80000000% {transform:translateX(-50.00000000%)}
  31.20000000% {transform:translateX(-55.55555556%)}
  33.60000000% {transform:translateX(-61.11111111%)}
  36.00000000% {transform:translateX(-66.66666667%)}
  37.60000000% {transform:translateX(-61.11111111%)}
  39.20000000% {transform:translateX(-66.66666667%)}
  40.80000000% {transform:translateX(-61.11111111%)}
  42.40000000% {transform:translateX(-66.66666667%)}
  44.00000000% {transform:translateX(-61.11111111%)}
  45.60000000% {transform:translateX(-66.66666667%)}
  47.20000000% {transform:translateX(-61.11111111%)}
  48.80000000% {transform:translateX(-66.66666667%)}
  50.40000000% {transform:translateX(-61.11111111%)}
  52.00000000% {transform:translateX(-66.66666667%)}
  53.60000000% {transform:translateX(-61.11111111%)}
  55.20000000% {transform:translateX(-66.66666667%)}
  56.80000000% {transform:translateX(-61.11111111%)}
  58.40000000% {transform:translateX(-66.66666667%)}
  60.00000000% {transform:translateX(-61.11111111%)}
  61.60000000% {transform:translateX(-66.66666667%)}
  63.20000000% {transform:translateX(-72.22222222%)}
  64.80000000% {transform:translateX(-77.77777778%)}
  66.40000000% {transform:translateX(-83.33333333%)}
  68.00000000% {transform:translateX(-88.88888889%)}
  69.60000000% {transform:translateX(-94.44444444%)}
  71.20000000% {transform:translateX(0.00000000%)}
  73.60000000% {transform:translateX(-5.55555556%)}
  76.00000000% {transform:translateX(-11.11111111%)}
  78.40000000% {transform:translateX(-16.66666667%)}
  80.80000000% {transform:translateX(-22.22222222%)}
  83.20000000% {transform:translateX(-27.77777778%)}
  85.60000000% {transform:translateX(-27.77777778%)}
  88.00000000% {transform:translateX(-33.33333333%)}
  90.40000000% {transform:translateX(-27.77777778%)}
  92.80000000% {transform:translateX(-27.77777778%)}
  95.20000000% {transform:translateX(-38.88888889%)}
  97.60000000% {transform:translateX(-44.44444444%)}
  100% {transform:translateX(0)}
}
@keyframes malphor-spikes-impact {
  0% {opacity:0;transform:translateX(0)}
  64.80000000% {opacity:1;transform:translateX(0% )}
  66.40000000% {opacity:1;transform:translateX(-20% )}
  68.00000000% {opacity:1;transform:translateX(-40% )}
  69.60000000% {opacity:1;transform:translateX(-60% )}
  71.20000000% {opacity:1;transform:translateX(-80% )}
  72.80000000%,100% {opacity:0;transform:translateX(0)}
}
@keyframes malphor-spikes-near {
  0% {opacity:0;transform:translateX(0)}
  73.60000000% {opacity:1;transform:translateX(0% )}
  75.20000000% {opacity:1;transform:translateX(-20% )}
  76.80000000% {opacity:1;transform:translateX(-40% )}
  78.40000000% {opacity:1;transform:translateX(-60% )}
  80.00000000% {opacity:1;transform:translateX(-80% )}
  81.60000000%,100% {opacity:0;transform:translateX(0)}
}
@keyframes malphor-spikes-far {
  0% {opacity:0;transform:translateX(0)}
  82.40000000% {opacity:1;transform:translateX(0% )}
  84.00000000% {opacity:1;transform:translateX(-20% )}
  85.60000000% {opacity:1;transform:translateX(-40% )}
  87.20000000% {opacity:1;transform:translateX(-60% )}
  88.80000000% {opacity:1;transform:translateX(-80% )}
  90.40000000%,100% {opacity:0;transform:translateX(0)}
}
/* End native Malphor timeline. */
:where(#main) .patch-notes {background:#181a17;padding-top:85px;padding-bottom:90px}
:where(#main) .notes-heading {max-width:1100px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
:where(#main) .notes-heading h2 {font-size:clamp(2.1875rem,4.8vw,3.6875rem)}
:where(#main) .notes-heading p:last-child {margin-top:22px;color:#94a7a9;font-size:1.0625rem}
:where(#main) .notes-controls {gap:10px;padding-bottom:20px}
:where(#main) .notes-controls button {padding:9px 14px;border:1px solid #6f9b8438;background:#132020;color:#a5c3ae;white-space:nowrap;min-height:42px}
:where(#main) .notes-controls button:hover {border-color:#abf15a}
:where(#main) .notes-list {max-width:1100px;margin:auto;border-top:1px solid #54856a66}
:where(#main) .notes-list details {border-bottom:1px solid #54856a33}
:where(#main) .notes-list summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 5px;font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:1.375rem;line-height:1.15;font-weight:700}
:where(#main) .notes-list summary::-webkit-details-marker {display:none}
:where(#main) .notes-list summary:hover {color:var(--green)}
:where(#main) .summary-mark {width:16px;height:16px;position:relative;flex-shrink:0}
:where(#main) .summary-mark::before,:where(#main) .summary-mark::after {content:'';position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--green)}
:where(#main) .summary-mark::after {transform:rotate(90deg)}
:where(#main) details[open] .summary-mark::after {display:none}
:where(#main) .note-body {max-width:980px;padding:0 20px 24px 5px}
:where(#main) .note-body ul {padding-left:24px;margin:0;font-size:1.0625rem;color:#9fb5ae;line-height:1.5}
:where(#main) .note-body li {padding:8px 0 8px 5px}
:where(#main) .note-body li::marker {color:var(--green)}
:where(#main) .closing {text-align:center;padding:70px 24px 85px;background:#20231f;border-top:1px solid #45665b55;position:relative;overflow:hidden}
:where(#main) .closing h2 {font-size:clamp(3.125rem,7vw,5.875rem);line-height:1.02}
:where(#main) .closing .button {margin-top:32px;background:var(--text);color:#101208;text-transform:none}
:where(#main) .closing .button:hover {background:#fff}
/* Short, optional transitions; no continuous decorative animation. */
:where(#main) .reveal-waiting {opacity:0;transform:translateY(20px)}
:where(#main) .reveal-ready {transition:opacity .65s ease,transform .65s cubic-bezier(.18,.7,.25,1)}
@keyframes scene-in {from {opacity:.5;transform:translateY(6px)}
to {opacity:1;transform:translateY(0)}
}
.enhanced :where(#main) .zone-viewer figure:not([hidden]),.enhanced :where(#main) .gun:not([hidden]) .gun-art img {animation:scene-in .35s ease-out both}
@media(max-width:1100px) {:where(#main) .hero {min-height:810px}
:where(#main) .hero-content {width:62%}
:where(#main) .hero-subject {width:60vw;right:-5vw;bottom:8%}
:where(#main) .split-heading {gap:0 45px}
:where(#main) .endless-layout,:where(#main) .bubba-layout,:where(#main) .progression-top {gap:50px}
:where(#main) .augment-grid {grid-template-columns:repeat(2,1fr)}
:where(#main) .augment-heading h3 {white-space:normal}
:where(#main) .returning {grid-template-columns:1fr;gap:30px}
:where(#main) .returning-heading {display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
:where(#main) .returning-heading .eyebrow {grid-column:1/-1}
:where(#main) .crew-grid img {height:200px}
:where(#main) .gun {padding:45px 35px;gap:35px;border-radius:6px}
:where(#main) .gun-art img {height:125px}
:where(#main) .gun h3 {font-size:1.6875rem}
:where(#main) .progression-bottom {gap:60px}
:where(#main) .encounter-layout {gap:50px}
:where(#main) .pod-changes {gap:40px;grid-template-columns:.6fr 1.5fr}
:where(#main) .pod-lineup {gap:35px}
}
@media(max-width:960px) {
:where(#main) .quality-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(#main) .quality-card {padding:24px}
}
@media(max-width:800px) {:where(#main) .hero-content {width:75%}
:where(#main) .hero-subject {right:-20vw;width:70vw;opacity:.85}
:where(#main) h2 {font-size:3.0625rem}
:where(#main) .chapter {padding:75px 6vw}
:where(#main) .split-heading {grid-template-columns:1fr;gap:25px}
:where(#main) .split-heading>.eyebrow {margin-bottom:0}
:where(#main) .split-heading>p:last-child {max-width:600px;margin:0}
:where(#main) .zone-viewer figure>img {height:390px}
.enhanced :where(#main) .zone-selector {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(#main) .zone-selector button {padding:13px 24px}
:where(#main) .boss-feature {gap:35px}
:where(#main) .boss-feature h3 {font-size:3.5rem}
:where(#main) .boss-feature>.enemy-sprite {width:300px}
:where(#main) .encounter-line {grid-template-columns:1fr 2fr;gap:20px}
:where(#main) .encounter-line>div {gap:20px}
:where(#main) .encounter-line .enemy-sprite {--sprite-height:90px}
:where(#main) .endless-layout,:where(#main) .bubba-layout,:where(#main) .progression-top,:where(#main) .encounter-layout {grid-template-columns:1fr;gap:45px}
:where(#main) .endless-clock {max-width:520px;width:100%;margin:10px auto;border-radius:6px}
:where(#main) .clock-time {font-size:5.4375rem}
:where(#main) .bubba-copy {order:1}
:where(#main) .bubba-portrait {order:2;margin:auto;width:min(440px,100%)}
:where(#main) .bubba-portrait>img {max-height:570px}
:where(#main) .bubba::before {width:90%;top:650px;height:570px}
:where(#main) .bubba-copy h2 {font-size:4.6875rem}
:where(#main) .returning {margin-top:55px}
:where(#main) .gun {grid-template-columns:1fr 1fr;gap:30px;border-radius:6px}
:where(#main) .gun-art {height:220px}
:where(#main) .gun-art img {height:90px}
:where(#main) .gun-copy p {font-size:1.0625rem}
:where(#main) .gun-crosshair {width:150px;height:150px}
:where(#main) .gun-crosshair::before {width:180px}
:where(#main) .gun-crosshair::after {height:180px}
:where(#main) .augment-heading {margin-top:55px}
:where(#main) .pod-art {height:245px}
:where(#main) .pod-art img {height:185px}
:where(#main) .pod-lineup article:nth-child(2) .pod-art img {height:215px}
:where(#main) .pod-lineup article:nth-child(3) .pod-art img {height:245px}
:where(#main) .pod-changes {grid-template-columns:1fr;gap:30px}
:where(#main) .pod-changes>h3 {max-width:none}
:where(#main) .progression-top {grid-template-columns:1fr 1fr;gap:35px}
:where(#main) .progression-top h2 {font-size:2.75rem}
:where(#main) .cap-graphic {padding:30px 20px;border-radius:6px}
:where(#main) .progression-top>div {min-width:0}
:where(#main) .progression-bottom {gap:40px}
:where(#main) .progression-bottom h3 {font-size:1.5625rem}
:where(#main) .medals {gap:16px}
:where(#main) .medals img {width:36px}
:where(#main) .record-heading {grid-template-columns:140px minmax(0,1fr) minmax(0,1fr);gap:0 30px}
:where(#main) .record-heading h2 {font-size:2.3125rem}
:where(#main) .record-columns {gap:35px}
:where(#main) .malphor-art {width:100%;max-width:550px;margin:auto}
:where(#main) .notes-heading {flex-direction:column;align-items:flex-start;gap:8px}
:where(#main) .notes-controls {padding:0}
}
@media(max-width:600px) {:where(#main) {font-size:1rem;line-height:1.5}
:where(#main) .hero {height:auto;min-height:815px;align-items:flex-start}
:where(#main) .hero-content {width:88%;margin:50px 6vw 330px}
:where(#main) .hero-content>.eyebrow {font-size:0.875rem;letter-spacing:.1em;margin-bottom:22px}
:where(#main) h1 {font-size:clamp(3.0625rem,16vw,4.6875rem);margin:25px 0 28px;line-height:.94;letter-spacing:0;text-shadow:3px 4px 0 #101322}
:where(#main) h1 span {text-shadow:3px 4px 0 #242039}
:where(#main) .hero-intro {font-size:1.0625rem;max-width:350px;line-height:1.5}
:where(#main) .hero-actions {gap:25px;margin-top:27px}
:where(#main) .hero-actions .button {font-size:1.0625rem;min-height:48px;padding:14px 18px}
:where(#main) .hero-actions .text-link {font-size:0.875rem}
:where(#main) .hero-subject {width:95vw;right:-13vw;bottom:35px;opacity:1}
:where(#main) .hero-art {inset:0;transform:none}
:where(#main) .hero-art img {object-position:65% 50%}
:where(#main) .hero-art::after {background:linear-gradient(180deg,#07101acd,#121927d9 56%,#2c193755 75%,#0c1015)}
:where(#main) .chapter-nav>div:first-child {padding:0 8px;gap:4px}
:where(#main) .chapter-nav a {font-size:0.875rem;padding:16px 13px 14px}
:where(#main) .chapter {padding:65px 6vw}
:where(#main) h2 {font-size:clamp(2.1875rem,10vw,2.9375rem)}
:where(#main) .eyebrow {font-size:0.875rem;letter-spacing:1.3px;margin-bottom:20px}
:where(#main) .item-type {font-size:0.875rem}
:where(#main) .feature-intro {font-size:1.25rem}
:where(#main) .section-heading {margin-bottom:32px}
:where(#main) .split-heading {gap:22px}
:where(#main) .section-heading>p:last-child {font-size:1.0625rem}
:where(#main) .zone-selector button {padding:12px 10px;font-size:1rem;min-height:52px}
:where(#main) .zone-viewer figure>img {height:290px;object-position:52% center}
:where(#main) .zone-viewer figcaption {padding:65px 20px 22px}
:where(#main) .zone-viewer figcaption span {font-size:1.25rem}

:where(#main) .boss-feature {grid-template-columns:1fr;gap:5px;text-align:left;margin:35px 0 0;padding:0}
:where(#main) .boss-feature h3 {font-size:3.125rem}
:where(#main) .boss-feature p:last-child {max-width:330px;margin-top:20px}
:where(#main) .boss-feature>.enemy-sprite {width:280px;justify-self:end;margin-top:-25px}
:where(#main) .encounter-line {grid-template-columns:1fr;gap:12px;margin-top:25px;padding-top:25px}
:where(#main) .encounter-line>.eyebrow {max-width:none;margin:0}
:where(#main) .encounter-line>div {grid-column:1;grid-row:auto;gap:20px;margin:15px 0}
:where(#main) .encounter-line .enemy-sprite {--sprite-height:75px}
:where(#main) .encounter-line figcaption {font-size:1rem;margin-top:13px}
:where(#main) .encounter-line>p:last-child {font-size:1rem;margin:0}
:where(#main) .endless-layout {gap:30px}
:where(#main) .endless-clock {padding:25px 18px 28px;border-radius:4px}
:where(#main) .clock-time {font-size:clamp(3.875rem,20vw,4.9375rem);margin:8px 0 16px}
:where(#main) .clock-status {font-size:1rem;letter-spacing:1.2px}
:where(#main) .endless-clock figcaption {font-size:1.125rem}
:where(#main) .enemy-families {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-top:25px}
:where(#main) .endless-enemy-art {height:130px;margin-bottom:8px}
:where(#main) .endless-enemy-art .enemy-sprite {width:min(100%,calc(105px * var(--sprite-ratio)))}
:where(#main) .enemy-families li {font-size:1rem}
:where(#main) .bubba-copy h2 {font-size:clamp(3.5rem,18vw,5.0625rem)}
:where(#main) .bubba-portrait>img {max-height:490px}
:where(#main) .character-stamp {font-size:0.875rem;padding:11px 15px}
:where(#main) .ability {grid-template-columns:48px 1fr;gap:20px;padding-top:22px}
:where(#main) .ability>img {max-width:43px;max-height:60px}
:where(#main) .ability h3 {font-size:1.375rem}
:where(#main) .ability p:last-child {font-size:1rem}
:where(#main) .returning {margin-top:35px;padding-top:32px;gap:25px}
:where(#main) .returning-heading {display:block}
:where(#main) .returning-heading h3 {font-size:1.875rem}
:where(#main) .returning-heading p:last-child {font-size:1rem}
:where(#main) .crew-grid {grid-template-columns:1fr;gap:22px}
:where(#main) .crew-grid article {display:grid;grid-template-columns:95px 1fr;gap:0 22px;align-content:center}
:where(#main) .crew-grid img {height:140px;grid-row:1/3;align-self:center;object-position:center}
:where(#main) .crew-grid h4 {margin:20px 0 12px;font-size:1.1875rem}
:where(#main) .crew-grid p {font-size:1rem;margin:0}
:where(#main) .gun-selector {gap:8px}
:where(#main) .gun-selector button {flex:1;padding:12px 10px;font-size:0.875rem;min-height:50px}
:where(#main) .gun {grid-template-columns:1fr;padding:42px 22px 28px;gap:25px;min-height:0;border-radius:6px}
:where(#main) .gun-art {height:190px}
:where(#main) .gun-art img {height:100px;max-width:95%}
:where(#main) .gun h3 {font-size:1.6875rem}
:where(#main) .gun-copy p {font-size:1.0625rem;margin:20px 0 0}
:where(#main) .gun-crosshair {width:160px;height:160px}
:where(#main) .gun-crosshair::before {width:190px}
:where(#main) .gun-crosshair::after {height:190px}
:where(#main) .augment-heading h3 {font-size:1.5625rem}
:where(#main) .augment-grid {grid-template-columns:1fr}
:where(#main) .augment {grid-template-columns:58px 1fr;gap:20px;padding:22px 0}
:where(#main) .augment-icon {height:74px;border-radius:6px}
:where(#main) .augment h4 {font-size:1.25rem}
:where(#main) .augment>div>p:last-child {font-size:1rem}
:where(#main) .pod-lineup {grid-template-columns:1fr;gap:26px;margin-top:0}
:where(#main) .pod-lineup::before {display:none}
:where(#main) .pod-lineup article {display:grid;grid-template-columns:110px 1fr;gap:0 27px;text-align:left;align-content:center}
:where(#main) .pod-art {grid-row:1/4;height:200px;margin:0;align-items:center}
:where(#main) .pod-art img {height:155px}
:where(#main) .pod-lineup article:nth-child(2) .pod-art img {height:170px}
:where(#main) .pod-lineup article:nth-child(3) .pod-art img {height:190px}
:where(#main) .pod-lineup .item-type {margin-top:36px;margin-bottom:12px}
:where(#main) .pod-lineup h3 {font-size:1.6875rem}
:where(#main) .pod-lineup article>p:last-child {margin-top:14px;margin-bottom:35px;font-size:1rem}
:where(#main) .pod-changes {margin-top:42px;padding-top:30px}
:where(#main) .pod-changes>h3 {font-size:1.5625rem}
:where(#main) .pod-change-grid {grid-template-columns:1fr;gap:27px}
:where(#main) .pod-change-grid h4 {font-size:1.1875rem}
:where(#main) .pod-change-grid p {font-size:1rem}
:where(#main) .progression-top {grid-template-columns:1fr;gap:40px}
:where(#main) .progression-top h2 {font-size:2.9375rem}
:where(#main) .perk-labels {font-size:0.875rem;gap:10px 18px}
:where(#main) .cap-graphic {padding:32px 20px;transform:rotate(-1deg);box-shadow:5px 5px 0 #081517;border-radius:6px}
:where(#main) .cap-graphic>p:last-child {font-size:1rem}
:where(#main) .cap-graphic .nux {width:45px}
:where(#main) .progression-bottom {grid-template-columns:1fr;gap:40px;margin-top:42px;padding-top:35px}
:where(#main) .progression-bottom h3 {font-size:1.5625rem}
:where(#main) .progression-bottom article>p:not(.eyebrow) {font-size:1.0625rem}
:where(#main) .medals {gap:20px;max-width:320px;justify-content:space-between;height:85px}
:where(#main) .medals img {width:39px}
:where(#main) .record-heading {grid-template-columns:96px minmax(0,1fr);gap:20px}
:where(#main) .record-title .eyebrow {margin:0 0 12px}
:where(#main) .record-heading h2 {font-size:2.3125rem}
:where(#main) .record-heading>p:last-child {font-size:1.0625rem;grid-column:1/-1}
:where(#main) .record-columns {grid-template-columns:1fr;gap:30px;margin-top:32px}
:where(#main) .record-columns article {gap:20px}
:where(#main) .record-columns h3 {font-size:1.375rem}
:where(#main) .record-number {font-size:1.8125rem}
:where(#main) .record-columns article p:last-child {font-size:1rem}
:where(#main) .quality-heading h2 {font-size:clamp(2.125rem,9.8vw,2.625rem)}
:where(#main) .quality-grid {grid-template-columns:1fr;gap:16px}
:where(#main) .quality-card {min-height:0;padding:24px}
:where(#main) .quality-keybinding {grid-column:auto}
:where(#main) .quality-card h3,:where(#main) .quality-keybinding h3 {font-size:1.5rem}
:where(#main) .quality-keys {gap:8px}
:where(#main) .quality-keys img {height:34px}
:where(#main) .encounter-notes {grid-template-columns:1fr;gap:25px}
:where(#main) .encounter-notes h3 {font-size:1.3125rem}
:where(#main) .encounter-notes p {font-size:1rem}
:where(#main) .notes-heading h2 {font-size:2.125rem}
:where(#main) .notes-list summary {font-size:1.1875rem;padding:23px 4px;gap:18px}
:where(#main) .note-body {padding:0 4px 22px}
:where(#main) .note-body ul {font-size:1rem;padding-left:19px}
:where(#main) .note-body li {padding:8px 0 8px 3px}
:where(#main) .notes-controls button {font-size:0.875rem;min-height:42px}
:where(#main) .closing {padding:55px 24px 70px}
:where(#main) .closing h2 {font-size:clamp(2.3125rem,12vw,3.5rem)}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}
:where(#main) *,:where(#main) *::before,:where(#main) *::after {animation:none!important;transition:none!important}
:where(#main) .reveal-waiting {opacity:1;transform:none}
:where(#main) .hero-subject {transform:none}
}
/* The shared site chrome comes from the site's SSI includes. */
:where(#main) .hero-brand {display:inline-block;max-width:250px}
:where(#main) .hero-brand img {display:block;width:250px}
@media(max-width:600px) {
:where(#main) .hero-brand,:where(#main) .hero-brand img {width:190px}
:where(#main) .hero-content>.eyebrow {margin-top:26px}
:where(#main) .hero-actions {gap:24px}
:where(#main) .chapter-nav a {font-family:"Chakra Petch","Arial Narrow",sans-serif;font-size:1rem}
}

#main,#main :is(button,.button,.eyebrow,.item-type,.enemy-tier-count,.clock-status,.clock-time,.record-number,.quality-slots,.quality-kills,.chapter-nav a) {font-family:"Pixel Operator","Public Sans",sans-serif}
#main :is(h1,h2,h3,h4,h5,h6),#main .notes-list summary,#main .zone-viewer figcaption>span {font-family:"Pixellari","Chakra Petch",sans-serif;font-weight:400;font-synthesis:none}
