/* ==== BEGIN css/tokens.css ==== */
/* ================================
   FINAL STRUCTURE TOKENS
   Clean body contract: .madboys-site.site-final.locale-*
   ================================ */
:root{
  --header-h:72px;
  --content-safe-w:min(1180px,calc(100vw - 96px));
  --content-wide-w:min(1320px,calc(100vw - 120px));
  --title-y:96px;
  --ribbon-y:176px;
  --content-top:236px;
  --content-bottom-gap:42px;
  --content-h:calc(100dvh - var(--content-top) - var(--content-bottom-gap));
  --z-bg:0;--z-art:10;--z-ui:20;--z-floating:30;--z-header:100;--z-modal:1000;
}
@media (max-width:767px) and (orientation:portrait){:root{--header-h:58px;--content-safe-w:calc(100vw - 24px);--content-wide-w:calc(100vw - 20px);--title-y:72px;--ribbon-y:128px;--content-top:168px;--content-bottom-gap:24px;}}
@media (max-aspect-ratio:1/1) and (min-width:768px){:root{--header-h:64px;--content-safe-w:calc(100vw - clamp(48px,10vw,128px));--content-wide-w:calc(100vw - clamp(40px,8vw,112px));--title-y:clamp(78px,9vh,112px);--ribbon-y:clamp(142px,16vh,188px);--content-top:clamp(200px,23vh,250px);--content-bottom-gap:clamp(24px,4vh,48px);--content-h:calc(100dvh - var(--content-top) - var(--content-bottom-gap));}}
/* ==== END css/tokens.css ==== */


/* ==== BEGIN css/base.css ==== */
/* legacy note removed in final active CSS */

:root{
  --blue:#063fa8;--deep:#051f62;--purple:#6828c8;--gold:#ffbd21;--gold2:#f08b00;--red:#ec2b23;--card:#ffffff;--ink:#071948;
  --radius:18px;--shadow:0 10px 24px rgba(5,26,89,.18), inset 0 0 0 1px rgba(255,255,255,.55);
}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;scroll-snap-type:y mandatory;background:#f7fbff}body{margin:0;min-height:100%;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:#f7fbff;overflow-x:hidden}.screen{position:relative;min-height:100dvh;height:100dvh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas{position:relative;width:min(100vw,430px);height:100dvh;max-height:980px;background:#fff;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgba(3,31,96,.25)}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:-3}.canvas:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 24%,#f8fbff 100%);z-index:-2;pointer-events:none}.topbar{position:absolute;left:12px;right:12px;top:8px;height:48px;display:flex;align-items:center;justify-content:space-between;z-index:20}.brandmark{display:flex;align-items:center;gap:7px;text-decoration:none;color:#071b52;text-shadow:0 1px 0 #fff}.brandmark img{width:34px;height:39px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.brandmark b{display:block;font:900 18px/1 Arial Black,Impact,sans-serif;letter-spacing:.4px}.brandmark small{display:block;font:900 9px/1 Arial,sans-serif;color:#9a4f04;letter-spacing:.8px}.top-actions{display:flex;gap:10px}.round-icon{border:0;background:transparent;width:44px;height:44px;padding:0;display:grid;place-items:center;cursor:pointer}.round-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.content{position:absolute;left:14px;right:14px;top:58px;bottom:70px;display:flex;flex-direction:column;align-items:center}.title-logo{display:block;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(31,45,110,.25))}.title-wide{width:100%;max-height:76px}.title-madboys{width:91%;margin-top:8px}.gold-title{font:900 clamp(20px,7vw,30px)/1 Georgia,serif;color:#a96504;letter-spacing:1.5px;text-align:center;text-shadow:0 1px 0 #fff,0 2px 0 #d1aa51}.gold-title:before,.gold-title:after{content:"— ✦";font-size:.62em;color:#be7c0c;margin:0 8px}.gold-title:after{content:"✦ —"}.hero-slogan,.story-sub{font:900 16px/1.22 Arial,sans-serif;text-align:center;letter-spacing:-.1px;margin:5px 0 8px;color:#0c1e57;text-shadow:0 1px 0 #fff}.story-sub b{color:#ad6b00}.ribbon{margin:4px 0 8px;align-self:stretch;text-align:center;font:900 13px/1.1 Arial,sans-serif;color:#09266f;letter-spacing:.2px;background:linear-gradient(90deg,transparent,#fff 12%,#fff 88%,transparent);border-top:2px solid rgba(211,151,23,.55);border-bottom:2px solid rgba(211,151,23,.55);padding:5px 8px;border-radius:99px;box-shadow:0 2px 10px rgba(15,66,150,.12)}.ribbon b{color:#e42720}.glass,.feature-card,.mini-panel,.founder-strip,.stats-row,.chips-row,.flow-row,.influence,.blood-power,.faq-list details{background:rgba(255,255,255,.9);border:1.5px solid rgba(102,150,230,.38);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(4px)}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.feature-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:7px 5px}.feature-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;overflow:hidden}.feature-card h3{margin:5px 0 2px;font:900 14px/1.02 Arial,sans-serif;color:#112171}.feature-card p{margin:0;font:700 9px/1.25 Arial,sans-serif;color:#37456a}.feature-card strong{display:block;margin-top:4px;font:900 17px/1 Arial,sans-serif;color:#246edb}.cta{position:absolute;left:15px;right:15px;bottom:8px;height:56px;z-index:18;border-radius:999px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#08285e;background:linear-gradient(#ffd74e,#ffa300 54%,#ff8e00);border:3px solid #ffcf43;box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -5px 0 rgba(171,82,0,.22),0 7px 13px rgba(23,37,105,.25);text-shadow:0 1px 0 rgba(255,255,255,.65);font-family:Arial Black,Arial,sans-serif}.cta:before{content:"";position:absolute;inset:1px;border-radius:999px;background-image:url('/assets/branding/4%20-%20btn_preregister.webp');background-size:100% 100%;background-repeat:no-repeat;opacity:.65;z-index:-1}.cta b{display:block;font-size:clamp(22px,7.4vw,33px);line-height:.86;letter-spacing:.5px}.cta small{display:block;text-align:center;font:900 12px/1.1 Arial,sans-serif;color:#7a3b00}.crystal{font-size:29px;color:#7838ff;text-shadow:0 0 4px #fff,0 2px 0 #a55c00}.spread-art{display:none}.section-kicker{margin:6px 0 4px;text-align:center;color:#06216b;font:900 15px/1 Arial,sans-serif}.small-pill{font:900 10px/1 Arial,sans-serif;color:#23439b;background:#fff;border-radius:999px;padding:6px 14px;box-shadow:0 4px 10px rgba(0,0,0,.12);margin:-3px auto 2px}.text-title{font:900 clamp(52px,17vw,78px)/.9 Arial Black,Impact,sans-serif;letter-spacing:-2px;margin:4px 0 0;text-align:center;color:#1488e9;-webkit-text-stroke:1.5px #0e3aa9;text-shadow:0 2px 0 #fff,0 4px 0 #082c8d,0 5px 10px rgba(0,37,131,.38)}
/* Home */
.hero-team{width:104%;max-height:31%;object-fit:contain;margin:-2px 0 -2px;filter:drop-shadow(0 7px 8px rgba(0,25,61,.22))}.home-cards{margin-top:0}.home-cards .feature-card{padding:5px}.home-cards .feature-card img{height:83px;object-fit:cover}.founder-strip{margin-top:8px;width:100%;height:68px;display:grid;grid-template-columns:96px 1fr 104px;align-items:center;text-decoration:none;color:#071948;padding:4px 8px}.founder-strip img{width:94px;height:58px;object-fit:contain}.founder-strip b{display:block;font:900 13px/1 Arial,sans-serif}.founder-strip small{display:block;font:700 10px/1.2 Arial,sans-serif;color:#4e5a7d}.founder-strip em{font-style:normal;text-align:center;border:2px solid #ffbc21;border-radius:999px;padding:10px 8px;font:900 11px/1 Arial,sans-serif;color:#1f65dc}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:50px;margin-top:8px;padding:5px 0}.stats-row span{display:flex;align-items:center;justify-content:center;gap:5px;border-right:1px solid #dbe3f2}.stats-row span:last-child{border-right:0}.stats-row img{width:25px;height:25px;object-fit:contain}.stats-row b{font:900 17px/1 Arial,sans-serif}.stats-row small{display:block;font:700 9px/1.1 Arial,sans-serif;color:#3c4564}
/* Missions */
.mission-scene{position:relative;width:100%;flex:1;min-height:244px}.objective{position:absolute;left:0;top:2px;width:29%;padding:10px 8px}.objective small,.turn small{display:block;font:900 9px/1 Arial,sans-serif;color:#1c368d}.objective b{display:block;margin:6px 0 5px;font:900 11px/1.15 Arial,sans-serif;color:#263489}.objective p,.turn em{margin:0;font:800 9px/1.18 Arial,sans-serif;color:#26345f}.turn{position:absolute;right:0;top:8px;width:22%;padding:8px 4px;text-align:center}.turn b{font:900 36px/.9 Arial Black;color:#0e2a78}.turn b span{font-size:17px}.turn em{display:block;color:#239d4d;font-style:normal;margin-top:8px}.chips-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;width:100%;height:41px;align-items:center;padding:2px 4px;margin:5px 0 7px}.chips-row span{min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;font:900 8px/1.1 Arial,sans-serif;text-align:center;color:#253567;border-right:1px solid #dce5f3}.chips-row span:last-child{border-right:0}.chips-row img{width:18px;height:18px;object-fit:contain}.mission-cards .feature-card img{height:57px;object-fit:contain}.mission-cards .feature-card h3{font-size:12px}.split-panels{display:grid;grid-template-columns:1fr .98fr;gap:6px;width:100%;margin-top:7px}.mini-panel{padding:6px}.mini-panel h4{margin:0 0 4px;text-align:center;font:900 9px/1 Arial,sans-serif;color:#202d78}.steps{display:flex;align-items:center;justify-content:space-around;gap:2px}.steps span{font:800 8px/1.12 Arial,sans-serif;text-align:center}.steps img{display:block;width:29px;height:29px;object-fit:contain;margin:0 auto 2px}.steps i{color:#2764d9;font-weight:900}.companions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.companions span{text-align:center;font:700 7px/1 Arial,sans-serif}.companions img{width:100%;border-radius:7px}.companions b{display:block;color:#ffc400;font-size:9px;text-shadow:0 1px 0 #8a5b00}.companions small{font-size:7px;color:#182759}
/* Builds */
.build-hero-zone{position:relative;width:100%;height:34%;min-height:240px}.build-hero{position:absolute;left:50%;top:4%;height:80%;transform:translateX(-50%);object-fit:contain;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,35,90,.28))}.item-card{position:absolute;width:29%;min-height:83px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid #d5ddff;text-align:center;padding:5px;box-shadow:var(--shadow);z-index:2}.item-card.left{left:0}.item-card.right{right:0}.item-card.top{top:0}.item-card.bottom{bottom:8px}.item-card img{width:62px;height:48px;object-fit:contain}.item-card b{display:block;font:900 9px/1.05 Arial,sans-serif;color:#142064}.item-card small{display:block;font:700 7.5px/1.1 Arial,sans-serif;color:#333e61}.jackpot{position:absolute;left:50%;bottom:1px;width:132px;transform:translateX(-50%);z-index:3}.ability-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;margin:3px 0 6px}.ability-row article{background:#071c57;color:#fff;border-radius:9px;overflow:hidden;box-shadow:0 3px 9px rgba(0,0,0,.18);text-align:center;min-height:88px}.ability-row img{width:100%;height:52px;object-fit:cover;display:block}.ability-row b{display:block;font:900 8.2px/1.05 Arial,sans-serif;margin-top:2px}.ability-row small{font:600 6.5px/1.1 Arial,sans-serif;color:#e8f1ff}.compact-cards .feature-card{height:79px;display:grid;grid-template-rows:30px auto auto;place-items:center}.compact-cards .feature-card img{height:30px;aspect-ratio:auto;object-fit:contain;border-radius:0}.compact-cards .feature-card h3{font-size:13px}.compact-cards .feature-card p{font-size:7.5px;text-transform:uppercase;color:#1b4eb4}.artifact-row{width:100%;height:54px;margin-top:6px;border-radius:14px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:4px 9px;position:relative}.artifact-row b{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font:900 13px/1 Arial,sans-serif;color:#12307f;background:#fff;padding:0 8px}.artifact-row span{width:45px;height:38px;border:2px solid #e8ab1b;border-radius:8px;background:#22105e;display:grid;place-items:center}.artifact-row img{max-width:38px;max-height:34px;object-fit:contain}
/* Council */
.council-content{top:54px}.council-ribbon{font-size:14px}.ruler-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:3px}.ruler-cards article{border-radius:15px;background:rgba(255,255,255,.88);overflow:hidden;text-align:center;box-shadow:var(--shadow);padding-bottom:8px}.ruler-cards img{width:100%;height:110px;object-fit:cover;object-position:top}.ruler-cards h3{font:900 12px/1 Arial,sans-serif;margin:5px 0 3px;color:#11216e}.ruler-cards p{font:700 10px/1 Arial,sans-serif;margin:0;color:#3a3d59}.influence{width:100%;margin-top:6px;padding:6px 14px;text-align:center}.influence h4{margin:0 0 3px;font:900 11px/1 Arial,sans-serif;color:#11216e}.influence img{width:100%;height:26px;object-fit:contain}.influence div{display:flex;justify-content:space-around;font:900 13px/1 Arial,sans-serif;color:#3b62d9}.influence span:nth-child(2){color:#d79a00}.influence span:nth-child(3){color:#7727cd}.council-table{width:112%;max-height:170px;object-fit:contain;margin:-2px 0 -5px;filter:drop-shadow(0 8px 14px rgba(0,19,60,.26))}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.bonus-cards .feature-card{padding:4px 3px}.bonus-cards .feature-card img{height:48px;object-fit:contain;aspect-ratio:auto;border-radius:7px}.bonus-cards .feature-card h3{font-size:9px}.bonus-cards .feature-card p{font-size:6.7px}.bonus-cards .feature-card strong{font-size:14px}.flow-row{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;gap:0;align-items:center;width:100%;height:51px;margin-top:6px;padding:3px 4px}.flow-row span{position:relative;text-align:center;font:800 7.2px/1 Arial,sans-serif;color:#26356d}.flow-row b{position:absolute;left:1px;top:1px;width:15px;height:15px;display:grid;place-items:center;background:#1269df;color:#fff;border-radius:50%;font-size:10px}.flow-row img{display:block;margin:0 auto 2px;max-width:44px;height:23px;object-fit:contain}.flow-row i{text-align:center;color:#2273db;font-weight:900}
/* Stories */
.stories-content{top:58px}.story-stage{position:relative;width:100%;height:27%;min-height:190px}.choice-box{position:absolute;left:0;top:12px;width:32%;padding:8px 6px;z-index:2}.choice-box h4{margin:0 0 5px;font:900 9px/1 Arial,sans-serif;text-align:center;color:#15256f}.choice-box img{display:block;width:100%;height:30px;object-fit:fill;margin:3px 0;border-radius:8px}.choice-box span{display:block;margin:-25px 0 8px 42px;color:#fff;font:800 7px/1 Arial,sans-serif;position:relative;z-index:2}.story-hero{position:absolute;left:45%;top:0;height:100%;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(16,28,83,.25));transform:translateX(-50%)}blockquote{position:absolute;right:0;bottom:12px;width:28%;margin:0;background:#fff;border-radius:12px;padding:9px 8px 9px 11px;box-shadow:var(--shadow);font:800 10px/1.25 Arial,sans-serif;color:#3a3d6a}blockquote:before{content:'“';font:900 28px/0 Georgia;color:#5b2ccf}blockquote small{display:block;color:#5f38d5;margin-top:5px;font-size:7px}blockquote img{position:absolute;right:-5px;bottom:-9px;width:35px;height:35px;border-radius:50%}.shift{width:96%;padding:5px 10px;text-align:center;margin-top:1px}.shift h4{margin:0 0 1px;font:900 11px/1 Arial,sans-serif;color:#11216e}.shift img{width:94%;height:28px;object-fit:fill}.shift div{display:grid;grid-template-columns:1fr 1fr;font:900 10px/1 Arial,sans-serif;color:#277e21}.shift div span:nth-child(2){color:#6635d7}.fate-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:7px}.fate-cards article{height:102px;border-radius:9px;overflow:hidden;position:relative;background:#234;text-align:center;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.24)}.fate-cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.fate-cards:has(article) article:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.68));z-index:1}.fate-cards h3,.fate-cards p{position:relative;z-index:2}.fate-cards h3{font:900 8px/1 Arial,sans-serif;margin:5px 0 42px;color:#ffcf5a}.fate-cards p{font:800 7px/1.1 Arial,sans-serif;margin:0 4px}.journey-row{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;gap:1px;width:100%;align-items:center}.journey-row img{width:100%;height:64px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(16,36,89,.18)}.journey-row i{color:#ffb31a;font-weight:900;text-align:center}.story-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin-top:5px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);padding:5px 0}.story-facts span{display:flex;align-items:center;gap:4px;padding:0 5px;border-right:1px solid #d7e2f2;font:700 6.7px/1.12 Arial,sans-serif;color:#405071}.story-facts span:last-child{border-right:0}.story-facts img{width:30px;height:30px;object-fit:contain}
/* Expansion */
.expansion-content{top:60px}.map-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%;margin:6px 0 4px}.map-pills span{background:rgba(255,255,255,.88);border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:3px;text-align:left;font:900 7px/1.05 Arial,sans-serif;color:#243466;min-height:38px;padding:2px}.map-pills img{width:24px;height:24px;object-fit:contain}.map-zone{position:relative;width:100%;height:54%;min-height:380px}.region{position:absolute;display:flex;align-items:center;gap:5px;border-radius:9px;padding:6px 8px;color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.28);font:900 9px/1 Arial,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.4)}.region img{width:20px;height:20px;object-fit:contain}.region small{display:block;font:700 6.8px/1.1 Arial,sans-serif;margin-top:2px}.frost{left:0;top:9%;background:#18498c}.dead{right:0;top:7%;background:#46207a}.whisper{left:0;top:42%;background:#1f7d37}.iron{right:0;top:41%;background:#2d2e34}.orc{left:0;bottom:13%;background:#60311d}.mystic{left:39%;bottom:21%;background:#187d9e}.viking{right:0;bottom:4%;background:#77531f}.expansion-cards{margin-top:3px}.expansion-cards .feature-card{height:82px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:5px}.expansion-cards .feature-card img{grid-row:1/3;width:40px;height:40px;object-fit:cover;border-radius:50%}.expansion-cards .feature-card h3{font-size:10px;margin:0}.expansion-cards .feature-card p{font-size:7.2px}
/* Blood */
.blood-content{top:60px}.blood-logo{width:87%;max-height:70px}.blood-ribbon{font-size:13px}.blood-ribbon b{color:#d51515}.process-row{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:3px;width:100%;margin-top:7px}.process-row article{position:relative;background:rgba(255,255,255,.9);border-radius:13px;box-shadow:var(--shadow);text-align:center;padding:7px 4px}.process-row article:before{content:counter(step);counter-increment:step;position:absolute;left:5px;top:5px;background:#c91711;color:#fff;border-radius:6px;width:22px;height:22px;display:grid;place-items:center;font:900 15px/1 Arial,sans-serif}.process-row{counter-reset:step}.process-row img{width:78px;height:68px;object-fit:contain}.process-row h3{margin:4px 0 3px;font:900 10px/1 Arial,sans-serif;color:#cc1e19}.process-row p{margin:0;font:700 8px/1.15 Arial,sans-serif}.process-row i{color:#f5a300;text-align:center;font-size:22px}.blood-chips{grid-template-columns:repeat(3,1fr);height:35px}.blood-chips span{font-size:9px}.blood-heroes{width:104%;height:265px;object-fit:cover;object-position:center top;margin:5px -2% 0;border-radius:12px;box-shadow:0 6px 16px rgba(9,28,83,.22)}.blood-power{width:94%;padding:5px 12px;text-align:center;margin-top:-2px}.blood-power h4{margin:0;font:900 9px/1 Arial,sans-serif;color:#1e2d6e}.blood-power h4 b:nth-child(1){color:#cb1616}.blood-power h4 b:nth-child(2){color:#cd8300}.blood-power h4 b:nth-child(3){color:#6a2bd1}.blood-power img{width:100%;height:26px;object-fit:fill}.blood-cards{margin-top:6px}.blood-cards .feature-card img{height:58px;object-fit:contain}.blood-cards .feature-card h3{font-size:11px}.blood-cards .feature-card p{font-size:8px}
/* Rewards */
.rewards-content{top:55px}.reward-sub{margin-top:-1px}.reward-hero{width:100%;height:29%;object-fit:cover;border-radius:15px;box-shadow:var(--shadow);margin:5px 0 6px}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.reward-grid article{background:rgba(255,255,255,.9);border-radius:12px;box-shadow:var(--shadow);text-align:center;padding:5px 3px}.reward-grid img{width:100%;height:63px;object-fit:contain}.reward-grid h3{margin:0 0 3px;font:900 8.4px/1.05 Arial,sans-serif;color:#182768}.reward-grid b{font:900 7px/1 Arial,sans-serif;color:#7c37df;background:#f3edff;border-radius:999px;padding:2px 6px}.reward-grid p{margin:4px 0 0;font:700 6.7px/1.15 Arial,sans-serif;color:#3b476b}.benefits-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;margin-top:8px;background:rgba(255,255,255,.88);border-radius:14px;box-shadow:var(--shadow);padding:8px 3px}.benefits-row span{display:grid;grid-template-columns:26px 1fr;gap:3px;align-items:center;font:900 6.8px/1.05 Arial,sans-serif;color:#24316f;border-right:1px solid #dde6f2;padding:0 3px}.benefits-row span:last-child{border-right:0}.benefits-row img{grid-row:1/3;width:25px;height:25px;object-fit:contain}.benefits-row small{font:700 5.6px/1.05 Arial,sans-serif;color:#5a6682}.faq-list{width:100%;margin-top:8px;overflow:hidden;border-radius:14px}.faq-list details{box-shadow:none;border-radius:0;border:0;border-bottom:1px solid #dfe8f5;background:rgba(255,255,255,.72)}.faq-list details:last-child{border-bottom:0}.faq-list summary{min-height:34px;display:flex;align-items:center;gap:9px;padding:3px 9px;font:900 11px/1 Arial,sans-serif;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';margin-left:auto;color:#6230cf;font-size:24px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary img{width:24px;height:24px;object-fit:contain}.faq-list p{margin:0;padding:0 12px 8px 42px;font:700 9px/1.25 Arial,sans-serif;color:#44506e}
.menu{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(4,20,62,.55);opacity:0;pointer-events:none;transition:.18s}.menu.open{opacity:1;pointer-events:auto}.menu-panel{width:min(92vw,420px);border-radius:24px;background:#fff;padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.3);border:2px solid #d9e5ff}.menu-panel h2{margin:0 0 12px;color:#05246c}.menu-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-panel a{padding:11px 10px;border-radius:14px;background:linear-gradient(#f5f9ff,#e8f0ff);font:900 13px/1 Arial,sans-serif;color:#0d2b77;text-decoration:none;border:1px solid #d8e5ff}.menu-close{float:right;border:0;background:#6532ce;color:#fff;border-radius:999px;width:32px;height:32px;font-size:20px;cursor:pointer}.privacy{grid-column:1/3;text-align:center;background:#fff;color:#5c6a8d}
@media (max-height:830px) and (max-width:520px){.content{top:53px;bottom:62px}.topbar{height:43px}.brandmark img{width:29px}.brandmark b{font-size:16px}.round-icon{width:39px;height:39px}.title-wide{max-height:68px}.hero-slogan,.story-sub{font-size:14px;margin:3px 0 5px}.ribbon{font-size:12px;padding:4px 8px}.cta{height:52px;bottom:6px}.cta b{font-size:26px}.cta small{font-size:11px}.home-cards .feature-card img{height:68px}.hero-team{max-height:28%}.founder-strip{height:59px;grid-template-columns:80px 1fr 90px}.founder-strip img{width:80px;height:51px}.stats-row{height:42px}.mission-scene{min-height:212px}.chips-row{height:35px}.mission-cards .feature-card img{height:47px}.split-panels{margin-top:5px}.build-hero-zone{min-height:210px;height:31%}.item-card{min-height:74px}.item-card img{width:52px;height:39px}.ability-row article{min-height:77px}.ability-row img{height:44px}.compact-cards .feature-card{height:68px}.artifact-row{height:48px}.ruler-cards img{height:92px}.council-table{max-height:137px}.bonus-cards .feature-card img{height:38px}.flow-row{height:44px}.story-stage{min-height:172px}.fate-cards article{height:88px}.journey-row img{height:53px}.map-zone{min-height:325px}.blood-heroes{height:218px}.reward-hero{height:25%}.reward-grid img{height:52px}.benefits-row{margin-top:6px;padding:6px 2px}.faq-list{margin-top:6px}.faq-list summary{min-height:30px}.text-title{font-size:60px}}
@media (min-aspect-ratio:1.001/1){body{background:radial-gradient(circle at top,#ffffff 0,#eef6ff 32%,#cfe3fb 100%)}.screen{padding:24px}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.7),rgba(255,255,255,.15));pointer-events:none}.spread-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(48vw,590px);height:min(88vh,860px);max-height:900px;overflow:hidden;border-radius:28px 0 0 28px;background-image:linear-gradient(to bottom,rgba(255,255,255,.05),rgba(255,255,255,.95)),var(--spread-bg);background-size:cover;background-position:top center;box-shadow:-18px 22px 45px rgba(21,56,122,.19),inset 0 0 0 1px rgba(255,255,255,.7)}.spread-art:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to bottom,transparent,#fff)}.spread-logo{position:absolute;top:7%;width:82%;max-height:130px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,24,94,.25));z-index:1}.spread-hero{position:relative;z-index:2;max-width:82%;max-height:56%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,28,90,.25));margin-top:115px}.heroes-wide{max-width:94%;max-height:48%;margin-top:155px}.wide-table{max-width:96%;max-height:55%;margin-top:150px}.map-spread,.blood-spread,.rewards-spread{background-position:center top}.rewards-banner{max-width:90%;max-height:44%;border-radius:22px;box-shadow:0 15px 35px rgba(0,0,0,.18);object-fit:cover}.spread-text-logo{position:absolute;top:8%;z-index:2;font:900 74px/.9 Arial Black,Impact,sans-serif;color:#1488e9;-webkit-text-stroke:2px #0e3aa9;text-shadow:0 4px 0 #fff,0 8px 0 #082c8d,0 12px 22px rgba(0,37,131,.38)}.canvas{width:auto;height:min(88vh,860px);aspect-ratio:9/18;max-height:860px;border-radius:0 28px 28px 0;box-shadow:18px 22px 45px rgba(21,56,122,.19),inset 0 0 0 1px rgba(255,255,255,.7)}.screen{gap:0}.screen:nth-child(even) .spread-art{order:2;border-radius:0 28px 28px 0}.screen:nth-child(even) .canvas{border-radius:28px 0 0 28px}}
@media (max-width:360px){.content{left:10px;right:10px}.cta{left:10px;right:10px}.cta b{font-size:24px}.brandmark b{font-size:15px}.feature-card h3{font-size:12px}.feature-card p{font-size:8px}.item-card{width:30%}.map-pills{gap:3px}.region{font-size:8px;padding:5px 6px}.reward-grid h3{font-size:7.4px}.faq-list summary{font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu{transition:none}}

/* ==========================
   VERSION 2 OVERRIDES
   fixed site chrome + safer mobile rhythm
   ========================== */
:root{
  --v2-top: 66px;
  --v2-bottom: 88px;
  --v2-gutter: 14px;
}
html{
  scroll-snap-type:y mandatory;
  scroll-padding-top:0;
  overscroll-behavior-y:contain;
}
body.site-final{background:#f7fbff;}
body.site-final .site{min-height:100dvh;}
body.site-final .screen{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;}
body.site-final .canvas{width:min(100vw,430px);height:100dvh;max-height:none;border-radius:0;}
body.site-final .canvas>.topbar,
body.site-final .canvas>.cta{display:none;}

/* global floating header */
.global-topbar{
  position:fixed;
  z-index:80;
  top:max(8px,env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  width:min(calc(100vw - 24px),406px);
  height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:auto;
}
.global-topbar .brandmark{display:flex;align-items:center;gap:7px;text-decoration:none;color:#071b52;text-shadow:0 1px 0 #fff;}
.global-topbar .brandmark img{width:34px;height:39px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));}
.global-topbar .brandmark b{display:block;font:900 18px/1 Arial Black,Impact,sans-serif;letter-spacing:.4px;}
.global-topbar .brandmark small{display:block;font:900 9px/1 Arial,sans-serif;color:#9a4f04;letter-spacing:.8px;}
.global-topbar .top-actions{display:flex;gap:10px;}
.global-topbar .round-icon{border:0;background:transparent;width:44px;height:44px;padding:0;display:grid;place-items:center;cursor:pointer;}
.global-topbar .round-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));}

/* global floating CTA */
.global-cta{
  position:fixed;
  z-index:82;
  left:50%;
  bottom:max(8px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(calc(100vw - 28px),400px);
  height:58px;
  border-radius:999px;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  color:#08285e;
  background:linear-gradient(#ffd74e,#ffa300 54%,#ff8e00);
  border:3px solid #ffcf43;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -5px 0 rgba(171,82,0,.22),0 7px 13px rgba(23,37,105,.25);
  text-shadow:0 1px 0 rgba(255,255,255,.65);
  font-family:Arial Black,Arial,sans-serif;
  overflow:hidden;
}
.global-cta:before{content:"";position:absolute;inset:1px;border-radius:999px;background-image:url('/assets/branding/4%20-%20btn_preregister.webp');background-size:100% 100%;background-repeat:no-repeat;opacity:.70;z-index:-1;}
.global-cta b{display:block;font-size:clamp(24px,7.8vw,32px);line-height:.84;letter-spacing:.3px;}
.global-cta small{display:block;text-align:center;font:900 11px/1.05 Arial,sans-serif;color:#7a3b00;}
.global-cta .crystal{font-size:28px;color:#7838ff;text-shadow:0 0 4px #fff,0 2px 0 #a55c00;}

/* content safe space */
body.site-final .content{left:var(--v2-gutter);right:var(--v2-gutter);top:var(--v2-top);bottom:var(--v2-bottom);}
body.site-final .title-wide{max-height:clamp(56px,11dvh,76px);}
body.site-final .ribbon{font-size:clamp(11px,3.2vw,13px);padding:5px 8px;margin:4px 0 7px;}
body.site-final .feature-card{border-radius:16px;}
body.site-final .feature-card h3{font-size:clamp(11px,3.45vw,14px);}
body.site-final .feature-card p{font-size:clamp(7px,2.35vw,9px);}

/* 01 Home */
body.site-final .home-content{top:70px;bottom:92px;}
body.site-final .title-madboys{width:88%;margin-top:0;max-height:96px;}
body.site-final .gold-title{font-size:clamp(20px,6.5vw,28px);line-height:.95;margin-top:2px;}
body.site-final .hero-slogan{font-size:clamp(13px,4.1vw,16px);line-height:1.15;margin:4px 0 5px;}
body.site-final .hero-team{width:102%;max-height:25%;margin:0 0 -1px;}
body.site-final .home-cards{gap:7px;}
body.site-final .home-cards .feature-card{padding:5px 4px;min-height:126px;}
body.site-final .home-cards .feature-card img{height:68px;object-fit:cover;}
body.site-final .founder-strip{height:58px;margin-top:7px;grid-template-columns:76px 1fr 92px;padding:4px 7px;}
body.site-final .founder-strip img{width:72px;height:50px;}
body.site-final .founder-strip b{font-size:12px;}
body.site-final .founder-strip small{font-size:8.6px;}
body.site-final .founder-strip em{font-size:10px;padding:8px 5px;}
body.site-final .stats-row{height:42px;margin-top:7px;padding:4px 0;}
body.site-final .stats-row img{width:23px;height:23px;}
body.site-final .stats-row b{font-size:16px;}
body.site-final .stats-row small{font-size:8px;}

/* 02 Missions */
body.site-final .mission-content{top:68px;bottom:92px;}
body.site-final .mission-scene{min-height:0;flex:1 1 auto;}
body.site-final .objective{left:1px;top:4px;width:28%;padding:8px 7px;}
body.site-final .turn{right:1px;top:8px;width:21%;padding:7px 4px;}
body.site-final .turn b{font-size:32px;}
body.site-final .turn b span{font-size:15px;}
body.site-final .chips-row{height:34px;margin:5px 0 6px;border-radius:15px;}
body.site-final .chips-row span{font-size:7.5px;}
body.site-final .chips-row img{width:17px;height:17px;}
body.site-final .mission-cards{gap:7px;}
body.site-final .mission-cards .feature-card{min-height:116px;padding:6px 4px;}
body.site-final .mission-cards .feature-card img{height:46px;}
body.site-final .mission-cards .feature-card h3{font-size:11px;}
body.site-final .split-panels{gap:6px;margin-top:6px;align-items:stretch;}
body.site-final .mini-panel{padding:5px;min-height:70px;}
body.site-final .steps img{width:26px;height:26px;}
body.site-final .steps span{font-size:7.2px;}
body.site-final .companions{overflow:hidden;}
body.site-final .companions>div{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1px;}
body.site-final .companions span{flex:0 0 36px;scroll-snap-align:start;}
body.site-final .companions img{height:36px;object-fit:cover;}
body.site-final .companions b{font-size:8px;}
body.site-final .companions small{font-size:6.6px;}

/* 03 Builds */
body.site-final .builds .content{top:68px;bottom:92px;}
body.site-final .build-hero-zone{height:30%;min-height:190px;margin-top:2px;}
body.site-final .build-hero{height:78%;top:2%;}
body.site-final .item-card{width:28%;min-height:70px;padding:4px;}
body.site-final .item-card img{width:52px;height:38px;}
body.site-final .item-card b{font-size:8px;}
body.site-final .item-card small{font-size:6.4px;}
body.site-final .jackpot{width:118px;bottom:-2px;}
body.site-final .ability-row{gap:5px;margin:4px 0 5px;}
body.site-final .ability-row article{min-height:74px;border-radius:9px;}
body.site-final .ability-row img{height:42px;}
body.site-final .ability-row b{font-size:7.5px;}
body.site-final .ability-row small{font-size:6px;}
body.site-final .compact-cards .feature-card{height:66px;grid-template-rows:27px auto auto;padding:4px;}
body.site-final .compact-cards .feature-card img{height:27px;}
body.site-final .compact-cards .feature-card h3{font-size:11px;margin:1px 0;}
body.site-final .compact-cards .feature-card p{font-size:6.8px;line-height:1.05;}
body.site-final .artifact-row{height:57px;margin-top:auto;padding:16px 8px 5px;align-items:center;gap:7px;}
body.site-final .artifact-row b{top:4px;font-size:12px;line-height:1;background:#fff;border-radius:8px;padding:0 10px;}
body.site-final .artifact-row span{width:42px;height:34px;}
body.site-final .artifact-row img{max-width:34px;max-height:30px;}

/* 04 Council */
body.site-final .council-content{top:72px;bottom:92px;}
body.site-final .small-pill{font-size:9px;margin:0 auto 3px;padding:6px 13px;}
body.site-final .council .title-wide{max-height:66px;}
body.site-final .council-ribbon{font-size:12px;margin-bottom:6px;}
body.site-final .ruler-cards{gap:7px;margin-top:2px;}
body.site-final .ruler-cards img{height:88px;}
body.site-final .ruler-cards h3{font-size:10.5px;margin:5px 0 2px;}
body.site-final .ruler-cards p{font-size:8.5px;}
body.site-final .influence{margin-top:6px;padding:5px 12px;}
body.site-final .influence h4{font-size:10px;margin-bottom:2px;}
body.site-final .influence img{height:23px;}
body.site-final .influence div{font-size:12px;}
body.site-final .council-table{width:105%;max-height:126px;margin:0 0 -2px;}
body.site-final .bonus-cards{gap:5px;}
body.site-final .bonus-cards .feature-card{min-height:106px;padding:4px 3px;}
body.site-final .bonus-cards .feature-card img{height:38px;}
body.site-final .bonus-cards .feature-card h3{font-size:8.2px;}
body.site-final .bonus-cards .feature-card p{font-size:6.2px;}
body.site-final .bonus-cards .feature-card strong{font-size:13px;}
body.site-final .council .flow-row{display:none;}

/* 05 Stories */
body.site-final .stories-content{top:70px;bottom:92px;}
body.site-final .stories .title-wide{max-height:70px;}
body.site-final .story-sub{font-size:clamp(13px,4.1vw,17px);margin:2px 0 4px;}
body.site-final .story-stage{height:25%;min-height:165px;}
body.site-final .choice-box{top:8px;width:31%;padding:7px 6px;}
body.site-final .choice-box h4{font-size:8.5px;}
body.site-final .choice-box img{height:27px;margin:2px 0;}
body.site-final .choice-box span{font-size:6.5px;margin:-22px 0 7px 38px;}
body.site-final .story-hero{left:45%;height:98%;}
body.site-final blockquote{bottom:10px;width:29%;padding:7px 7px 8px 10px;font-size:8.6px;line-height:1.18;}
body.site-final blockquote small{font-size:6.3px;}
body.site-final blockquote img{width:31px;height:31px;}
body.site-final .shift{width:96%;padding:5px 10px;margin-top:2px;}
body.site-final .shift h4{font-size:10px;}
body.site-final .shift img{height:24px;}
body.site-final .shift div{font-size:9px;}
body.site-final .fate-cards{gap:5px;margin-top:6px;}
body.site-final .fate-cards article{height:86px;}
body.site-final .fate-cards h3{font-size:7px;margin:5px 0 36px;}
body.site-final .fate-cards p{font-size:6.3px;line-height:1.08;}
body.site-final .section-kicker{font-size:13px;margin:5px 0 3px;}
body.site-final .journey-row img{height:52px;}
body.site-final .story-facts{margin-top:6px;min-height:52px;}
body.site-final .story-facts span{font-size:6.8px;line-height:1.05;padding:4px;}
body.site-final .story-facts img{width:28px;height:28px;}

/* 06 Expansion */
body.site-final .expansion-content{top:70px;bottom:92px;}
body.site-final .expansion .title-wide{max-height:72px;}
body.site-final .expansion .story-sub{font-size:clamp(13px,4.2vw,17px);margin:2px 0 4px;}
body.site-final .map-pills{gap:5px;margin:5px 0 5px;}
body.site-final .map-pills span{min-height:34px;font-size:6.6px;border-radius:10px;padding:2px;}
body.site-final .map-pills img{width:21px;height:21px;}
body.site-final .map-zone{height:44%;min-height:300px;}
body.site-final .region{height:auto;min-height:36px;border-radius:10px;padding:5px 7px;font-size:8px;gap:4px;}
body.site-final .region img{width:18px;height:18px;}
body.site-final .region small{font-size:6px;line-height:1.05;}
body.site-final .frost{left:0;top:8%;width:48%;}
body.site-final .dead{left:52%;right:auto;top:8%;width:48%;}
body.site-final .whisper{left:0;top:34%;width:48%;}
body.site-final .iron{left:52%;right:auto;top:34%;width:48%;}
body.site-final .mystic{left:22%;bottom:auto;top:59%;width:56%;}
body.site-final .orc{left:0;bottom:4%;width:48%;}
body.site-final .viking{left:52%;right:auto;bottom:4%;width:48%;}
body.site-final .expansion-cards{gap:7px;margin-top:7px;}
body.site-final .expansion-cards .feature-card{height:76px;grid-template-columns:38px 1fr;padding:5px;}
body.site-final .expansion-cards .feature-card img{width:36px;height:36px;}
body.site-final .expansion-cards .feature-card h3{font-size:9px;}
body.site-final .expansion-cards .feature-card p{font-size:6.7px;}

/* 07 Blood */
body.site-final .blood-content{top:70px;bottom:92px;}
body.site-final .blood-logo{width:84%;max-height:62px;}
body.site-final .blood-ribbon{font-size:12px;}
body.site-final .process-row{grid-template-columns:1fr 14px 1fr 14px 1fr;gap:2px;margin-top:5px;}
body.site-final .process-row article{padding:6px 4px;border-radius:13px;min-height:106px;}
body.site-final .process-row article:before{width:20px;height:20px;font-size:13px;}
body.site-final .process-row img{width:66px;height:58px;}
body.site-final .process-row h3{font-size:9px;margin:3px 0 2px;}
body.site-final .process-row p{font-size:7.1px;}
body.site-final .process-row i{font-size:18px;}
body.site-final .blood-chips{height:32px;margin:5px 0;}
body.site-final .blood-chips span{font-size:8.2px;}
body.site-final .blood-heroes{width:100%;height:clamp(185px,29dvh,235px);margin:3px 0 0;object-position:center top;}
body.site-final .blood-power{width:96%;padding:6px 12px;margin-top:4px;border-radius:15px;}
body.site-final .blood-power h4{font-size:9.2px;margin-bottom:3px;}
body.site-final .blood-power img{height:21px;}
body.site-final .blood-cards{gap:7px;margin-top:6px;}
body.site-final .blood-cards .feature-card{min-height:100px;padding:5px 4px;}
body.site-final .blood-cards .feature-card img{height:48px;}
body.site-final .blood-cards .feature-card h3{font-size:9.4px;}
body.site-final .blood-cards .feature-card p{font-size:7px;}

/* 08 Rewards */
body.site-final .rewards-content{top:70px;bottom:92px;}
body.site-final .text-title{font-size:clamp(48px,15vw,70px);line-height:.86;margin:0;text-shadow:0 2px 0 #fff,0 4px 0 #082c8d,0 6px 12px rgba(0,37,131,.28);}
body.site-final .reward-sub{font-size:clamp(12px,3.8vw,15px);margin:0 0 5px;}
body.site-final .reward-hero{height:clamp(132px,23dvh,185px);margin:4px 0 6px;border-radius:15px;}
body.site-final .reward-grid{gap:5px;}
body.site-final .reward-grid article{min-height:118px;padding:5px 3px;border-radius:12px;}
body.site-final .reward-grid img{height:48px;}
body.site-final .reward-grid h3{font-size:7.4px;}
body.site-final .reward-grid b{font-size:6.2px;padding:2px 4px;}
body.site-final .reward-grid p{font-size:5.9px;line-height:1.12;}
body.site-final .benefits-row{margin-top:6px;padding:6px 3px;border-radius:13px;}
body.site-final .benefits-row span{grid-template-columns:22px 1fr;font-size:6.2px;line-height:1.05;padding:0 2px;}
body.site-final .benefits-row img{width:21px;height:21px;}
body.site-final .benefits-row small{font-size:5.2px;}
body.site-final .faq-list{margin-top:6px;max-height:154px;overflow:hidden;}
body.site-final .faq-list summary{min-height:30px;padding:3px 9px;font-size:9.5px;}
body.site-final .faq-list summary img{width:22px;height:22px;}
body.site-final .faq-list summary:after{font-size:20px;}
body.site-final .faq-list p{font-size:7.8px;line-height:1.18;padding:0 12px 7px 40px;}

@media (max-height:830px) and (max-width:520px){
  :root{--v2-top:60px;--v2-bottom:78px;--v2-gutter:13px;}
  .global-topbar{height:44px;width:min(calc(100vw - 22px),406px);}
  .global-topbar .brandmark img{width:29px;height:35px;}
  .global-topbar .brandmark b{font-size:16px;}
  .global-topbar .brandmark small{font-size:8px;}
  .global-topbar .round-icon{width:39px;height:39px;}
  .global-cta{height:52px;width:min(calc(100vw - 24px),400px);}
  .global-cta b{font-size:clamp(22px,7.2vw,27px);}
  .global-cta small{font-size:10px;}
  .global-cta .crystal{font-size:24px;}
  body.site-final .content{top:var(--v2-top);bottom:var(--v2-bottom);}
  body.site-final .home-content{top:62px;bottom:82px;}
  body.site-final .title-wide{max-height:64px;}
  body.site-final .hero-slogan,.story-sub{font-size:13px;}
  body.site-final .title-madboys{max-height:82px;}
  body.site-final .hero-team{max-height:23%;}
  body.site-final .home-cards .feature-card{min-height:112px;}
  body.site-final .home-cards .feature-card img{height:58px;}
  body.site-final .founder-strip{height:52px;margin-top:5px;}
  body.site-final .stats-row{height:38px;margin-top:5px;}
  body.site-final .mission-cards .feature-card{min-height:98px;}
  body.site-final .mission-cards .feature-card img{height:39px;}
  body.site-final .mini-panel{min-height:62px;}
  body.site-final .build-hero-zone{min-height:170px;height:28%;}
  body.site-final .ability-row article{min-height:66px;}
  body.site-final .ability-row img{height:36px;}
  body.site-final .compact-cards .feature-card{height:58px;}
  body.site-final .artifact-row{height:50px;}
  body.site-final .ruler-cards img{height:76px;}
  body.site-final .council-table{max-height:104px;}
  body.site-final .bonus-cards .feature-card{min-height:92px;}
  body.site-final .bonus-cards .feature-card img{height:30px;}
  body.site-final .story-stage{min-height:150px;height:23%;}
  body.site-final .fate-cards article{height:76px;}
  body.site-final .journey-row img{height:44px;}
  body.site-final .story-facts{min-height:45px;}
  body.site-final .map-zone{min-height:258px;height:41%;}
  body.site-final .expansion-cards .feature-card{height:64px;}
  body.site-final .blood-heroes{height:178px;}
  body.site-final .blood-cards .feature-card{min-height:86px;}
  body.site-final .blood-cards .feature-card img{height:38px;}
  body.site-final .reward-hero{height:124px;}
  body.site-final .reward-grid article{min-height:102px;}
  body.site-final .reward-grid img{height:40px;}
  body.site-final .faq-list{max-height:126px;}
}

@media (max-width:360px){
  :root{--v2-gutter:10px;}
  .global-topbar{width:calc(100vw - 20px);}
  .global-cta{width:calc(100vw - 20px);padding:0 14px;}
  .global-cta b{font-size:22px;}
  body.site-final .region{font-size:7.3px;padding:5px;}
  body.site-final .region small{font-size:5.5px;}
}

/* open-book desktop: keep one floating chrome, avoid stretching mobile canvas */
@media (min-aspect-ratio:1.001/1){
  .global-topbar{width:min(100vw - 72px,1120px);height:54px;}
  .global-cta{width:min(420px,38vw);}
  body.site-final .screen{padding:32px 24px;}
  body.site-final .canvas{height:min(88vh,860px);max-height:860px;aspect-ratio:9/18;border-radius:0 28px 28px 0;}
  body.site-final .content{top:62px;bottom:82px;}
  body.site-final .screen:nth-child(even) .canvas{border-radius:28px 0 0 28px;}
}

/* ===== Version 3 refinements ===== */
body.site-final{
  --v2-top:68px;
  --v2-bottom:88px;
}

/* use branded CTA image instead of CSS-generated button */
body.site-final .global-cta{
  padding:0;
  background:none;
  border:none;
  box-shadow:none;
  display:block;
  overflow:visible;
}
body.site-final .global-cta:before{display:none;}
body.site-final .cta-bg-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:fill; z-index:-1;
  filter: drop-shadow(0 7px 12px rgba(23,37,105,.25));
}
body.site-final .cta-overlay{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center;
  align-items:flex-start; padding:5px 24px 0 34px; color:#0b2b7b; text-shadow:0 1px 0 rgba(255,255,255,.7);
}
body.site-final .cta-overlay b{font-family:Arial Black, Arial, sans-serif; font-size:clamp(24px,7.8vw,34px); line-height:.86; letter-spacing:.2px;}
body.site-final .cta-overlay small{font:900 10px/1 Arial,sans-serif; color:#7b3a00; margin-top:2px; align-self:center; width:100%; text-align:center; transform:translateY(1px);}

/* shared subtitle ribbon treatment */
body.site-final .ribbon{
  margin:5px 0 8px;
  padding:7px 14px;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(217,180,85,.55);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
  font:900 clamp(11px,3.45vw,15px)/1.03 Arial,sans-serif;
  letter-spacing:.1px;
}
body.site-final .ribbon b{color:#d72b24;}
body.site-final .story-ribbon b:nth-of-type(1),
body.site-final .expansion-ribbon b:nth-of-type(2),
body.site-final .reward-ribbon b:nth-of-type(1),
body.site-final .blood-ribbon b:nth-of-type(1){color:#d72b24;}
body.site-final .expansion-ribbon b:nth-of-type(1),
body.site-final .blood-power h4 b:nth-of-type(2){color:#d08b00;}

/* Screen 1 */
body.site-final .home-content{top:66px; bottom:90px;}
body.site-final .hero-team{max-height:26%; margin:2px 0 0;}
body.site-final .home-cards .feature-card{
  min-height:138px; padding:7px 4px 6px; border-radius:20px;
}
body.site-final .home-cards .feature-card img{
  width:100%; aspect-ratio:1/1; height:auto; max-height:74px; object-fit:cover; border-radius:14px;
}
body.site-final .home-cards .feature-card h3{font-size:12px; margin-top:6px;}
body.site-final .home-cards .feature-card p{font-size:8px; line-height:1.18;}
body.site-final .founder-strip{height:60px;}
body.site-final .stats-row{height:44px;}
body.site-final .stats-row b{font-size:14px;}
body.site-final .stats-row small{font-size:7px;}

/* Screen 2 missions */
body.site-final .mission-content{top:66px; bottom:90px;}
body.site-final .mission-scene{display:none;}
body.site-final .chips-row{height:37px;}
body.site-final .mission-cards .feature-card{min-height:130px;}
body.site-final .mission-cards .feature-card img{height:62px; width:auto; margin-top:2px; object-fit:contain; transform:translateY(2px);}
body.site-final .mission-cards .feature-card h3{font-size:11px;}
body.site-final .split-panels{grid-template-columns:1fr 1fr; gap:7px; margin-top:6px;}
body.site-final .mini-panel{min-height:88px; padding:7px 6px; display:flex; flex-direction:column; justify-content:flex-start;}
body.site-final .mini-panel h4{font-size:10px; margin-bottom:5px;}
body.site-final .steps{gap:0; align-items:flex-start;}
body.site-final .steps span{font-size:7.4px;}
body.site-final .steps img{width:28px; height:28px;}
body.site-final .steps i{font-size:16px; transform:translateY(8px); margin:0 -4px;}
body.site-final .companions>div{display:grid; grid-template-columns:repeat(4,1fr); gap:4px; overflow:visible;}
body.site-final .companions span{flex:auto;}
body.site-final .companions img{height:42px; object-fit:cover;}
body.site-final .companions b{font-size:8px;}

/* Screen 3 builds */
body.site-final .builds .content{top:66px; bottom:90px;}
body.site-final .build-hero-zone{height:31%; min-height:210px; margin-top:2px;}
body.site-final .build-hero{height:84%; top:9%;}
body.site-final .item-card{width:30%; min-height:78px; height:78px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
body.site-final .item-card.top{top:0;}
body.site-final .item-card.bottom{bottom:12px;}
body.site-final .item-card img{width:54px; height:40px;}
body.site-final .item-card small{font-size:6.5px; line-height:1.04;}
body.site-final .jackpot{width:118px; bottom:4px;}
body.site-final .ability-row article{min-height:84px;}
body.site-final .ability-row img{height:48px; object-position:center bottom;}
body.site-final .ability-row b{margin-top:3px;}
body.site-final .ability-row small{display:block; padding:0 3px 4px;}
body.site-final .compact-cards .feature-card{height:74px; grid-template-rows:32px auto auto; align-content:start;}
body.site-final .compact-cards .feature-card img{height:30px;}
body.site-final .compact-cards .feature-card p{font-size:6.5px;}
body.site-final .artifact-row{height:74px; padding:19px 10px 9px; gap:8px;}
body.site-final .artifact-row b{font-size:13px; top:2px;}
body.site-final .artifact-row span{width:48px; height:48px; border-radius:10px; background:#23135f; border:3px solid #e2b127; flex:0 0 48px;}
body.site-final .artifact-row img{max-width:36px; max-height:36px; object-fit:contain;}

/* Screen 4 council */
body.site-final .council-content{top:66px; bottom:90px;}
body.site-final .ruler-cards article{padding:4px 4px 6px;}
body.site-final .ruler-cards img{height:96px; object-fit:contain; object-position:center top;}
body.site-final .ruler-cards h3{font-size:10px;}
body.site-final .council-table{width:116%; max-width:none; max-height:150px; object-fit:cover; object-position:top center; margin:4px -8% -6px;}
body.site-final .bonus-cards{margin-top:3px;}
body.site-final .bonus-cards .feature-card{padding-top:7px; min-height:112px;}
body.site-final .bonus-cards .feature-card img{height:54px;}
body.site-final .bonus-cards .feature-card h3{font-size:8.5px;}
body.site-final .bonus-cards .feature-card p{font-size:6.2px;}

/* Screen 5 stories */
body.site-final .stories-content{top:66px; bottom:90px;}
body.site-final .story-stage{height:26%; min-height:180px;}
body.site-final .choice-box{width:31%; padding:8px 7px 7px; display:flex; flex-direction:column;}
body.site-final .choice-box h4{font-size:8.2px; margin-bottom:5px;}
body.site-final .choice-box img{height:32px; margin:0 0 2px;}
body.site-final .choice-box span{margin:0 0 5px; font-size:7px; text-align:center; display:block;}
body.site-final .story-hero{height:102%; left:45%;}
body.site-final blockquote{width:30%; font-size:8.6px;}
body.site-final .shift{width:100%; padding:7px 10px;}
body.site-final .shift img{height:29px; object-fit:fill;}
body.site-final .fate-cards article{height:96px; padding-top:4px;}
body.site-final .fate-cards h3{font-size:7px; margin:4px 0 40px;}
body.site-final .journey-row img{height:61px;}
body.site-final .story-facts{min-height:58px;}
body.site-final .story-facts span{font-size:6.7px;}

/* Screen 6 expansion */
body.site-final .expansion .canvas:after{display:none;}
body.site-final .expansion-content{top:66px; bottom:90px;}
body.site-final .map-zone{height:49%; min-height:342px;}
body.site-final .region{
  background:rgba(12,25,55,.58); backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.24); padding:5px 8px; min-height:32px;
}
body.site-final .region img{width:17px; height:17px;}
body.site-final .region small{font-size:5.8px;}
body.site-final .frost{left:0; top:9%; width:47%;}
body.site-final .dead{left:50%; top:10%; width:47%;}
body.site-final .whisper{left:0; top:37%; width:45%;}
body.site-final .iron{left:49%; top:38%; width:48%;}
body.site-final .mystic{left:37%; top:63%; width:58%;}
body.site-final .orc{left:0; top:74%; width:43%;}
body.site-final .viking{left:46%; top:81%; width:51%;}
body.site-final .expansion-cards{margin-top:auto; margin-bottom:2px;}
body.site-final .expansion-cards .feature-card{height:82px;}

/* Screen 7 blood */
body.site-final .blood-content{top:66px; bottom:90px;}
body.site-final .process-row article:before{display:none;}
body.site-final .process-row{margin-top:4px;}
body.site-final .process-row article{min-height:112px; padding-top:7px;}
body.site-final .blood-heroes{height:214px; width:102%; margin-top:4px;}
body.site-final .blood-power{width:100%; padding:7px 10px 6px; margin-top:4px;}
body.site-final .blood-power h4{font-size:10px; letter-spacing:.2px;}
body.site-final .blood-power img{height:26px; object-fit:fill;}
body.site-final .blood-cards{margin-top:4px;}
body.site-final .blood-cards .feature-card{min-height:94px;}
body.site-final .blood-cards .feature-card:nth-child(1),
body.site-final .blood-cards .feature-card:nth-child(2){transform:translateY(-4px);}

/* Screen 8 rewards */
body.site-final .rewards-content{top:66px; bottom:90px;}
body.site-final .reward-hero{height:clamp(132px,21dvh,178px);}
body.site-final .reward-grid article{min-height:116px;}
body.site-final .faq-list{
  margin-top:6px; padding:3px; max-height:225px; overflow:auto; border-radius:18px;
  background:rgba(255,255,255,.92); border:1.5px solid rgba(102,150,230,.38); box-shadow:var(--shadow);
}
body.site-final .faq-list details{box-shadow:none; background:#fff; border:1px solid #e2ebfb; margin-bottom:6px;}
body.site-final .faq-list details:last-child{margin-bottom:0;}
body.site-final .faq-list summary{min-height:34px; position:sticky; top:0; background:#fff; z-index:1;}
body.site-final .faq-list p{font-size:8px;}

/* menu + founder popup */
.gift-modal{position:fixed; inset:0; z-index:110; display:grid; place-items:center; background:rgba(4,20,62,.62); opacity:0; pointer-events:none; transition:.18s;}
.gift-modal.open{opacity:1; pointer-events:auto;}
.gift-panel{width:min(92vw,430px); max-height:min(80dvh,720px); overflow:auto; border-radius:24px; background:linear-gradient(180deg,#fff,#f5f9ff); padding:18px 16px 16px; box-shadow:0 20px 70px rgba(0,0,0,.35); border:2px solid #d9e5ff;}
.gift-close{float:right; border:0; background:#6532ce; color:#fff; border-radius:999px; width:32px; height:32px; font-size:20px; cursor:pointer;}
.gift-panel h2{margin:0 0 6px; color:#05246c; font:900 24px/1 Arial,sans-serif;}
.gift-panel p{margin:0 0 12px; color:#364365; font:700 13px/1.3 Arial,sans-serif;}
.gift-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.gift-grid article{background:#fff; border-radius:16px; border:1px solid #dde7fb; padding:10px 8px; text-align:center; box-shadow:0 6px 18px rgba(20,54,135,.10);}
.gift-grid img{width:100%; max-width:82px; height:82px; object-fit:contain; display:block; margin:0 auto 6px;}
.gift-grid h3{margin:0 0 4px; color:#0d2b77; font:900 12px/1.1 Arial,sans-serif;}
.gift-grid small{display:inline-block; padding:4px 8px; border-radius:999px; background:#efe7ff; color:#7a3ee0; font:900 10px/1 Arial,sans-serif; text-transform:uppercase;}
.gift-cta{display:block; margin-top:14px; text-align:center; text-decoration:none; color:#08285e; background:linear-gradient(#ffd74e,#ffa300 54%,#ff8e00); border:2px solid #ffcf43; border-radius:999px; padding:14px 10px; font:900 15px/1 Arial,sans-serif; box-shadow:0 7px 13px rgba(23,37,105,.16);}

@media (max-height:830px) and (max-width:520px){
  body.site-final .home-cards .feature-card{min-height:126px;}
  body.site-final .home-cards .feature-card img{max-height:64px;}
  body.site-final .mission-cards .feature-card{min-height:118px;}
  body.site-final .mini-panel{min-height:78px;}
  body.site-final .build-hero-zone{min-height:188px;}
  body.site-final .item-card{height:72px; min-height:72px;}
  body.site-final .artifact-row{height:66px;}
  body.site-final .ruler-cards img{height:84px;}
  body.site-final .bonus-cards .feature-card img{height:46px;}
  body.site-final .story-stage{min-height:168px;}
  body.site-final .journey-row img{height:54px;}
  body.site-final .map-zone{min-height:304px;}
  body.site-final .blood-heroes{height:194px;}
  body.site-final .reward-grid article{min-height:106px;}
  body.site-final .faq-list{max-height:190px;}
  body.site-final .cta-overlay{padding-left:28px;}
}

@media (max-width:360px){
  body.site-final .cta-overlay{padding:6px 18px 0 28px;}
  body.site-final .cta-overlay b{font-size:22px;}
  body.site-final .home-cards .feature-card h3{font-size:11px;}
  body.site-final .feature-card p{font-size:7px;}
  body.site-final .gift-grid{gap:8px;}
}

/* ===== Version 4 refinements ===== */
body.site-final{
  --v2-top:66px;
  --v2-bottom:112px;
}

/* CTA: use original aspect and no vertical compression */
body.site-final .global-cta{
  width:min(calc(100vw - 26px), 404px);
  height:auto;
  aspect-ratio:1198/242;
  bottom:10px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  max-height:none;
}
body.site-final .cta-bg-img{object-fit:contain;}
body.site-final .cta-overlay{
  padding:0 24px 0 28px;
  justify-content:center;
}
body.site-final .cta-overlay b{
  font-size:clamp(26px,8.3vw,36px);
  line-height:.92;
}
body.site-final .cta-overlay small{
  font-size:10px;
  margin-top:2px;
  transform:translateY(10px);
}

/* subtitle pills: clean spacing and allow 1-2 lines, proper word gaps */
body.site-final .ribbon{
  display:block;
  min-height:auto;
  padding:10px 16px;
  text-align:center;
  line-height:1.05;
  word-spacing:2px;
  letter-spacing:0;
  font-size:clamp(11px,3.5vw,16px);
}
body.site-final .ribbon b{display:inline; margin:0 2px;}
body.site-final .council-ribbon,
body.site-final .expansion-ribbon,
body.site-final .reward-ribbon,
body.site-final .blood-ribbon,
body.site-final .story-ribbon{font-size:clamp(12px,3.9vw,16px);}

/* Home */
body.site-final .home-content{top:64px; bottom:116px;}
body.site-final .hero-slogan{
  width:100%;
  margin:4px 0 8px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
  border:2px solid rgba(217,180,85,.55);
  box-shadow:0 3px 10px rgba(10,52,126,.10);
  font:900 clamp(12px,3.7vw,16px)/1.08 Arial,sans-serif;
}
body.site-final .hero-team{
  width:126%;
  max-width:none;
  max-height:37%;
  margin:0 -13% -48px;
  position:relative;
  z-index:0;
}
body.site-final .home-cards{
  margin-top:-8px;
  position:relative;
  z-index:1;
}
body.site-final .home-cards .feature-card{
  min-height:142px;
  padding:6px 4px 8px;
}
body.site-final .home-cards .feature-card img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  max-height:none;
  object-fit:cover;
}
body.site-final .founder-strip{height:62px; margin-top:8px;}
body.site-final .stats-row{height:46px; margin-top:8px;}
body.site-final .stats-row b{font-size:15px;}
body.site-final .stats-row small{font-size:7.5px;}

/* Missions: pull feature blocks downward to reveal background */
body.site-final .mission-content{top:64px; bottom:116px;}
body.site-final .missions .content{justify-content:flex-start;}
body.site-final .missions .chips-row{margin-top:auto;}
body.site-final .mission-cards .feature-card{min-height:136px;}
body.site-final .mission-cards .feature-card img{height:68px;}
body.site-final .split-panels{margin-top:8px;}

/* Builds */
body.site-final .builds .content{top:64px; bottom:116px;}
body.site-final .build-hero-zone{height:35%; min-height:235px; margin-top:0;}
body.site-final .build-hero{height:96%; top:12%;}
body.site-final .jackpot{width:124px; bottom:8px;}
body.site-final .ability-row article{min-height:98px;}
body.site-final .ability-row img{
  height:58px;
  width:100%;
  object-fit:contain;
  object-position:center center;
  background:#071c57;
}
body.site-final .ability-row b{font-size:8px;}
body.site-final .ability-row small{font-size:6.4px; padding-bottom:5px;}

/* Council */
body.site-final .council-content{top:64px; bottom:116px;}
body.site-final .ruler-cards article{padding:2px 3px 6px;}
body.site-final .ruler-cards img{height:116px; width:100%; object-fit:contain;}
body.site-final .council-table{
  width:122%;
  max-height:230px;
  margin:-2px -11% -84px;
  object-fit:cover;
  object-position:top center;
  position:relative;
  z-index:0;
}
body.site-final .bonus-cards{
  margin-top:auto;
  position:relative;
  z-index:1;
}
body.site-final .bonus-cards .feature-card{min-height:118px; background:rgba(255,255,255,.90);}

/* Stories */
body.site-final .stories-content{top:64px; bottom:116px;}
body.site-final .story-stage{height:27%; min-height:190px;}
body.site-final .choice-box{padding:8px 8px 7px;}
body.site-final .choice-box img{height:34px; margin:0 0 3px;}
body.site-final .choice-box span{
  margin:-28px 0 12px;
  padding:0 8px;
  min-height:20px;
  color:#fff;
  font:900 7.4px/1.05 Arial,sans-serif;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  position:relative;
  z-index:1;
}
body.site-final .story-hero{height:106%; top:auto; bottom:-2px;}
body.site-final .shift{padding:8px 10px;}
body.site-final .shift img{height:34px; object-fit:contain;}
body.site-final .fate-cards{margin-top:4px;}
body.site-final .fate-cards article{height:100px;}
body.site-final .journey-row{margin-top:2px;}
body.site-final .journey-row img{height:64px;}
body.site-final .story-facts{margin-top:4px; min-height:48px;}
body.site-final .story-facts span{font-size:6.5px;}

/* Expansion */
body.site-final .expansion-content{top:64px; bottom:116px;}
body.site-final .expansion .bg{inset:0 -1% 0 -1%; width:102%; height:100%; object-position:center top;}
body.site-final .map-pills{gap:6px;}
body.site-final .map-zone{height:50%; min-height:350px;}
body.site-final .region{
  width:44%;
  min-height:52px;
  height:52px;
  padding:7px 10px;
  border-radius:18px;
  background:rgba(16,27,52,.58);
  backdrop-filter:blur(7px);
  font-size:8.4px;
}
body.site-final .region img{width:20px; height:20px;}
body.site-final .region small{font-size:6.4px; line-height:1.08;}
body.site-final .frost{left:0; top:17%;}
body.site-final .dead{left:auto; right:0; top:17%;}
body.site-final .whisper{left:0; top:38%;}
body.site-final .iron{left:auto; right:0; top:38%;}
body.site-final .mystic{left:28%; top:59%; width:44%;}
body.site-final .orc{left:0; top:79%;}
body.site-final .viking{left:auto; right:0; top:79%;}
body.site-final .expansion-cards{margin-top:auto;}

/* Blood */
body.site-final .blood-content{top:64px; bottom:116px;}
body.site-final .process-row article{min-height:116px;}
body.site-final .blood-heroes{height:196px; margin-top:4px;}
body.site-final .blood-power{margin-top:4px;}
body.site-final .blood-power img{height:24px; object-fit:contain;}
body.site-final .blood-cards{margin-top:2px; transform:translateY(-8px);}
body.site-final .blood-cards .feature-card{min-height:88px;}
body.site-final .blood-cards .feature-card:nth-child(1),
body.site-final .blood-cards .feature-card:nth-child(2){transform:none;}

/* Rewards: leave a bit more space for FAQ */
body.site-final .rewards-content{top:64px; bottom:116px;}
body.site-final .faq-list{max-height:245px;}

@media (max-height:830px) and (max-width:520px){
  body.site-final .global-cta{width:min(calc(100vw - 24px), 398px); bottom:8px;}
  body.site-final .cta-overlay b{font-size:clamp(24px,8vw,32px);}
  body.site-final .cta-overlay small{transform:translateY(8px);}
  body.site-final .hero-team{max-height:35%; margin-bottom:-40px;}
  body.site-final .mission-cards .feature-card{min-height:126px;}
  body.site-final .build-hero-zone{min-height:216px;}
  body.site-final .ability-row article{min-height:90px;}
  body.site-final .council-table{max-height:208px; margin-bottom:-76px;}
  body.site-final .story-stage{min-height:178px;}
  body.site-final .map-zone{min-height:326px;}
  body.site-final .region{min-height:48px; height:48px;}
  body.site-final .blood-heroes{height:184px;}
  body.site-final .faq-list{max-height:205px;}
}

@media (max-width:360px){
  body.site-final .cta-overlay{padding:0 18px 0 22px;}
  body.site-final .cta-overlay b{font-size:23px;}
  body.site-final .hero-team{width:130%; margin-left:-15%; margin-right:-15%;}
  body.site-final .region{font-size:7.6px;}
  body.site-final .region small{font-size:5.8px;}
}

/* ===== Version 5 refinements ===== */
body.site-final{
  --v2-top:64px;
  --v2-bottom:108px;
}

/* Global header / title economy */
body.site-final .content{top:62px; bottom:108px;}
body.site-final .title-wide{max-height:68px; margin-top:-2px;}
body.site-final .title-madboys{margin-top:0; width:90%;}
body.site-final .gold-title{margin-top:-2px;}

/* CTA button: one-line title + caption inside button */
body.site-final .global-cta{
  width:min(calc(100vw - 24px), 404px);
  aspect-ratio:1198/242;
  height:auto;
  bottom:8px;
}
body.site-final .cta-overlay{
  position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:8px 20px 10px;
  text-align:center;
}
body.site-final .cta-overlay b{
  width:100%;
  white-space:nowrap;
  font-size:clamp(20px,6.5vw,30px);
  line-height:1;
  letter-spacing:.2px;
}
body.site-final .cta-overlay small{
  margin-top:6px;
  display:block;
  font-size:clamp(8.4px,2.35vw,11px);
  line-height:1;
  color:#7a3b00;
}

/* Ribbons: keep in one line and fade to transparency on sides */
body.site-final .ribbon{
  margin:2px 0 7px;
  padding:8px 16px 9px;
  font-size:clamp(11px,3.15vw,15px);
  line-height:1.02;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.96) 10%, rgba(255,255,255,.985) 18%, rgba(255,255,255,.985) 82%, rgba(255,255,255,.96) 90%, rgba(255,255,255,0) 100%);
  border-top:2px solid rgba(211,151,23,.52);
  border-bottom:2px solid rgba(211,151,23,.52);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
body.site-final .ribbon b{margin:0 4px;}
body.site-final .home .hero-slogan{
  width:100%; margin:3px 0 6px; padding:9px 16px;
}

/* Home */
body.site-final .home-content{top:62px; bottom:108px;}
body.site-final .hero-team{width:124%; max-height:35%; margin:0 -12% -42px;}
body.site-final .home-cards{margin-top:-4px;}
body.site-final .home-cards .feature-card{min-height:138px;}
body.site-final .home-cards .feature-card img{height:auto; aspect-ratio:1/1;}
body.site-final .founder-strip{height:58px;}
body.site-final .stats-row{height:42px; margin-top:6px;}
body.site-final .stats-row b{font-size:14px;}
body.site-final .stats-row small{font-size:7px;}

/* Missions */
body.site-final .mission-content{top:62px; bottom:108px;}
body.site-final .mission-scene{min-height:250px; flex:0 0 auto;}
body.site-final .chips-row{margin-top:8px;}
body.site-final .mission-cards{margin-top:6px;}
body.site-final .split-panels{margin-top:auto; margin-bottom:4px;}
body.site-final .mission-cards .feature-card{min-height:128px;}

/* Builds */
body.site-final .builds .content{top:62px; bottom:108px;}
body.site-final .build-hero-zone{height:33%; min-height:220px; overflow:visible;}
body.site-final .build-hero{
  height:104%;
  top:8%;
  z-index:5;
}
body.site-final .jackpot{bottom:-2px; z-index:6;}
body.site-final .ability-row{position:relative; z-index:7; margin-top:-18px; margin-bottom:4px;}
body.site-final .ability-row article{min-height:92px;}
body.site-final .ability-row img{height:60px; object-fit:cover;}
body.site-final .compact-cards .feature-card{
  height:86px;
  grid-template-rows:auto auto 34px;
  align-content:start;
  padding:6px 4px 8px;
}
body.site-final .compact-cards .feature-card h3{font-size:11px; margin:3px 0 1px;}
body.site-final .compact-cards .feature-card p{display:none;}
body.site-final .compact-cards .feature-card img{
  order:3;
  height:34px;
  margin-top:5px;
}
body.site-final .artifact-row{height:66px; margin-top:2px; padding:18px 8px 8px;}
body.site-final .artifact-row b{font-size:12px;}
body.site-final .artifact-row span{width:44px; height:44px; flex:0 0 44px;}
body.site-final .artifact-row img{max-width:34px; max-height:34px;}

/* Council */
body.site-final .council-content{top:62px; bottom:108px;}
body.site-final .ruler-cards img{height:108px;}
body.site-final .council-table{max-height:212px; margin:-6px -11% -62px;}
body.site-final .bonus-cards{margin-top:auto; transform:translateY(-20px);}
body.site-final .bonus-cards .feature-card{min-height:110px;}
body.site-final .bonus-cards .feature-card img{height:46px;}

/* Stories */
body.site-final .stories-content{top:62px; bottom:108px;}
body.site-final .story-stage{height:24%; min-height:166px;}
body.site-final .choice-box{padding:8px 8px 6px;}
body.site-final .choice-box h4{font-size:8px; margin-bottom:5px;}
body.site-final .choice-box img{height:32px;}
body.site-final .choice-box span{margin:-26px 0 8px 34px; font-size:6.7px; min-height:14px; text-align:left;}
body.site-final .story-hero{height:110%; bottom:-24px;}
body.site-final blockquote{font-size:8px; padding:10px 10px 28px;}
body.site-final .shift{
  position:relative;
  padding:7px 10px 10px;
  min-height:86px;
}
body.site-final .shift h4{margin:0;}
body.site-final .shift img{
  position:absolute;
  left:50%;
  top:28px;
  transform:translateX(-50%);
  width:66%;
  height:28px;
  object-fit:contain;
}
body.site-final .shift div{
  position:absolute;
  left:12px;
  right:12px;
  top:44px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  font-size:8.6px;
}
body.site-final .shift div span{width:92px; line-height:1.02;}
body.site-final .shift div span:first-child{text-align:left;}
body.site-final .shift div span:last-child{text-align:right;}
body.site-final .shift div br{display:none;}
body.site-final .shift div b{display:block; font-size:10px; margin-top:2px;}
body.site-final .fate-cards{margin-top:2px;}
body.site-final .fate-cards article{height:88px;}
body.site-final .fate-cards h3{font-size:7px; margin-bottom:32px;}
body.site-final .journey-row{margin-top:0;}
body.site-final .journey-row img{height:58px;}
body.site-final .story-facts{margin-top:2px; min-height:42px;}
body.site-final .story-facts span{font-size:6px;}

/* Expansion */
body.site-final .expansion-content{top:62px; bottom:108px;}
body.site-final .map-pills{margin:4px 0 6px;}
body.site-final .map-zone{height:48%; min-height:332px;}
body.site-final .region{
  min-height:46px; height:46px; padding:8px 11px; border-radius:17px;
  font-size:8.6px;
}
body.site-final .region small{display:none;}
body.site-final .frost{left:0; top:15%; width:46%;}
body.site-final .dead{right:0; top:15%; width:46%;}
body.site-final .whisper{left:0; top:38%; width:46%;}
body.site-final .iron{right:0; top:38%; width:46%;}
body.site-final .mystic{left:27%; top:60%; width:46%;}
body.site-final .orc{right:0; left:auto; top:82%; width:46%;}
body.site-final .viking{left:0; right:auto; top:82%; width:46%;}
body.site-final .expansion-cards{margin-top:auto; margin-bottom:2px; transform:translateY(-6px);}
body.site-final .expansion-cards .feature-card{height:78px;}
body.site-final .expansion-cards .feature-card h3{font-size:10px;}
body.site-final .expansion-cards .feature-card p{font-size:6.4px;}

/* Blood */
body.site-final .blood-content{top:62px; bottom:108px;}
body.site-final .process-row article{min-height:112px;}
body.site-final .blood-heroes{height:188px; margin-top:4px;}
body.site-final .blood-power{margin-top:4px; padding:7px 12px 10px;}
body.site-final .blood-power h4{font-size:10px;}
body.site-final .blood-power img{height:34px; width:86%; object-fit:contain; margin:4px auto 0; display:block;}
body.site-final .blood-cards{margin-top:0; transform:translateY(-22px);}
body.site-final .blood-cards .feature-card{min-height:82px;}
body.site-final .blood-cards .feature-card img{height:38px;}

/* Rewards */
body.site-final .rewards-content{top:62px; bottom:108px; display:flex; flex-direction:column;}
body.site-final .reward-grid{margin-top:4px;}
body.site-final .benefits-row{margin-top:4px;}
body.site-final .faq-list{
  margin-top:6px;
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  height:auto;
  display:block;
  overflow:auto;
}
body.site-final .faq-list details{margin-bottom:7px;}
body.site-final .faq-list summary{min-height:34px;}

@media (max-height:830px) and (max-width:520px){
  body.site-final .content{top:60px; bottom:104px;}
  body.site-final .global-cta{width:min(calc(100vw - 22px), 398px);}
  body.site-final .cta-overlay b{font-size:clamp(19px,6.2vw,28px);}
  body.site-final .cta-overlay small{font-size:8.2px;}
  body.site-final .title-wide{max-height:64px;}
  body.site-final .mission-scene{min-height:238px;}
  body.site-final .build-hero-zone{min-height:208px;}
  body.site-final .build-hero{height:100%;}
  body.site-final .ability-row article{min-height:86px;}
  body.site-final .artifact-row{height:60px;}
  body.site-final .council-table{max-height:196px; margin-bottom:-54px;}
  body.site-final .bonus-cards{transform:translateY(-16px);}
  body.site-final .story-stage{min-height:154px;}
  body.site-final .shift{min-height:80px;}
  body.site-final .journey-row img{height:54px;}
  body.site-final .map-zone{min-height:316px;}
  body.site-final .region{min-height:42px; height:42px; font-size:8px;}
  body.site-final .blood-heroes{height:176px;}
  body.site-final .blood-cards{transform:translateY(-18px);}
}

@media (max-width:360px){
  body.site-final .ribbon{font-size:10px; padding-left:12px; padding-right:12px;}
  body.site-final .cta-overlay b{font-size:18px;}
  body.site-final .cta-overlay small{font-size:8px;}
  body.site-final .hero-team{width:128%; margin-left:-14%; margin-right:-14%;}
  body.site-final .choice-box span{font-size:6.2px; margin-left:32px;}
  body.site-final .region{font-size:7.4px;}
}


/* ===== Version 6 mobile refinements ===== */
body.site-final{
  --v6-top:60px;
  --v6-bottom:110px;
  --v6-gap:8px;
}
body.site-final .content{
  top:var(--v6-top);
  bottom:var(--v6-bottom);
  gap:var(--v6-gap);
}
body.site-final .title-wide{
  max-height:clamp(56px, 9.4dvh, 72px);
  margin-top:-4px;
}
body.site-final .title-madboys{
  width:90%;
  max-height:clamp(82px, 13dvh, 104px);
  margin-top:-2px;
}
body.site-final .gold-title{
  margin-top:-5px;
  font-size:clamp(19px, 6.2vw, 27px);
}

/* Fixed CTA: original asset ratio, independent centered text layer */
body.site-final .global-cta{
  width:min(calc(100vw - 24px), 404px);
  aspect-ratio:1198/242;
  height:auto;
  bottom:8px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
}
body.site-final .cta-bg-img{
  object-fit:contain;
}
body.site-final .cta-overlay{
  position:absolute;
  left:14%;
  right:14%;
  top:0;
  bottom:0;
  width:72%;
  padding:0;
  display:block;
  text-align:center;
  pointer-events:none;
}
body.site-final .cta-overlay b{
  position:absolute;
  left:0;
  right:0;
  top:44%;
  transform:translateY(-50%);
  width:100%;
  white-space:nowrap;
  font:900 clamp(18px,5.4vw,24px)/1 Arial Black, Arial, sans-serif;
  letter-spacing:.1px;
  color:#08285e;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}
body.site-final .cta-overlay small{
  position:absolute;
  left:0;
  right:0;
  top:64%;
  transform:translateY(-50%);
  display:block;
  width:100%;
  margin:0;
  font:900 clamp(8px,2.1vw,9px)/1 Arial,sans-serif;
  color:#7a3b00;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}

/* Unified subtitle ribbons: one line, no ellipsis, fade side edges */
body.site-final .ribbon{
  height:36px;
  min-height:36px;
  padding:0 18px;
  margin:0 0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  font:900 clamp(9.7px,3.0vw,12.8px)/1 Arial,sans-serif;
  letter-spacing:.15px;
  word-spacing:2px;
  color:#09266f;
  border-radius:999px;
  border-left:0;
  border-right:0;
  border-top:2px solid rgba(211,151,23,.52);
  border-bottom:2px solid rgba(211,151,23,.52);
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.96) 12%, rgba(255,255,255,.96) 88%, transparent 100%);
  box-shadow:0 2px 10px rgba(15,66,150,.08);
  -webkit-mask-image:none;
  mask-image:none;
}
body.site-final .ribbon b{
  color:#d72b24;
  margin:0 4px;
}
body.site-final .ribbon .goldword{
  color:#d08b00;
  margin:0 4px;
}
body.site-final .builds .ribbon{font-size:clamp(9px,2.72vw,12px);}
body.site-final .expansion-ribbon{font-size:clamp(9.2px,2.78vw,12px);}
body.site-final .reward-ribbon{font-size:clamp(9.4px,2.85vw,12px);}
body.site-final .blood-ribbon{font-size:clamp(9.6px,2.95vw,12.3px);}
body.site-final .story-ribbon{font-size:clamp(10px,3.05vw,12.5px);}
body.site-final .council-ribbon{font-size:clamp(9.3px,2.85vw,12px);}

/* 01 Home */
body.site-final .home-content{
  top:62px;
  bottom:112px;
  gap:6px;
}
body.site-final .home .hero-slogan{
  width:100%;
  min-height:54px;
  margin:0 0 2px;
  padding:8px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font:900 clamp(13px,3.9vw,16px)/1.1 Arial,sans-serif;
}
body.site-final .hero-team{
  width:124%;
  max-height:34%;
  margin:0 -12% -40px;
}
body.site-final .home-cards{
  margin-top:-2px;
}
body.site-final .home-cards .feature-card{
  min-height:136px;
}
body.site-final .home-cards .feature-card img{
  aspect-ratio:1/1;
  width:100%;
  height:auto;
  object-fit:cover;
}
body.site-final .founder-strip{height:56px;margin-top:4px;}
body.site-final .stats-row{height:40px;margin-top:4px;margin-bottom:14px;}
body.site-final .stats-row b{font-size:14px;}
body.site-final .stats-row small{font-size:7px;}

/* 02 Missions: stack from CTA upward */
body.site-final .mission-content{
  top:60px;
  bottom:112px;
  gap:7px;
}
body.site-final .missions .title-wide{
  max-height:68px;
}
body.site-final .mission-scene{
  flex:1 1 auto;
  min-height:180px;
  max-height:none;
  display:block;
}
body.site-final .missions .chips-row{
  flex:0 0 36px;
  height:36px;
  margin:0;
}
body.site-final .missions .mission-cards{
  flex:0 0 auto;
  margin:0;
}
body.site-final .mission-cards .feature-card{
  min-height:126px;
  padding:6px 4px;
}
body.site-final .mission-cards .feature-card img{
  height:62px;
}
body.site-final .mission-cards .feature-card h3{
  font-size:10.5px;
}
body.site-final .mission-cards .feature-card p{
  font-size:7.8px;
}
body.site-final .split-panels{
  grid-template-columns:calc(50% - 5px) calc(50% - 5px);
  gap:10px;
  margin:0 0 4px;
  flex:0 0 86px;
}
body.site-final .mini-panel{
  min-height:86px;
  height:86px;
}
body.site-final .steps img{width:26px;height:26px;}
body.site-final .steps span{font-size:7.2px;}
body.site-final .companions img{height:40px;}

/* 03 Builds */
body.site-final .builds .content{
  top:60px;
  bottom:112px;
  gap:5px;
}
body.site-final .build-hero-zone{
  height:31%;
  min-height:206px;
  overflow:visible;
  margin-top:0;
}
body.site-final .build-hero{
  height:108%;
  top:6%;
  z-index:5;
}
body.site-final .jackpot{
  width:122px;
  bottom:10px;
  z-index:7;
}
body.site-final .item-card{
  width:30%;
  height:70px;
  min-height:70px;
  padding:4px;
}
body.site-final .item-card img{width:54px;height:36px;}
body.site-final .item-card b{font-size:7.6px;}
body.site-final .item-card small{font-size:5.8px;}
body.site-final .item-card.bottom{bottom:8px;}
body.site-final .ability-row{
  margin:-18px 0 2px;
  position:relative;
  z-index:8;
}
body.site-final .ability-row article{
  min-height:90px;
  height:90px;
}
body.site-final .ability-row img{
  height:56px;
  object-fit:cover;
  object-position:center center;
}
body.site-final .ability-row b{font-size:7.5px;}
body.site-final .ability-row small{font-size:6px;}
body.site-final .compact-cards{
  margin-top:0;
}
body.site-final .compact-cards .feature-card{
  height:84px;
  padding:7px 4px 6px;
  display:grid;
  grid-template-rows:auto auto 38px;
  align-content:start;
}
body.site-final .compact-cards .feature-card h3{
  font-size:11px;
  margin:0;
}
body.site-final .compact-cards .feature-card p{
  display:block;
  font-size:6.7px;
  text-transform:none;
  line-height:1;
  margin:2px 0 0;
}
body.site-final .compact-cards .feature-card img{
  order:3;
  height:40px;
  max-height:40px;
  margin-top:3px;
}
body.site-final .artifact-row{
  height:64px;
  margin-top:2px;
  margin-bottom:16px;
  padding:18px 9px 8px;
  gap:8px;
}
body.site-final .artifact-row b{
  top:2px;
  font-size:12px;
}
body.site-final .artifact-row span{
  width:44px;
  height:44px;
  flex:0 0 44px;
}
body.site-final .artifact-row img{
  max-width:34px;
  max-height:34px;
}

/* 04 Council */
body.site-final .council-content{
  top:60px;
  bottom:112px;
  gap:6px;
}
body.site-final .small-pill{margin:0 auto -2px;}
body.site-final .council .title-wide{max-height:64px;}
body.site-final .ruler-cards article{
  padding:0 3px 6px;
}
body.site-final .ruler-cards img{
  height:112px;
  object-fit:contain;
  object-position:center top;
}
body.site-final .influence{
  margin-top:4px;
  margin-bottom:0;
}
body.site-final .council-table{
  width:122%;
  max-height:212px;
  margin:-4px -11% -66px;
  object-position:top center;
  z-index:0;
}
body.site-final .bonus-cards{
  margin-top:auto;
  margin-bottom:12px;
  transform:translateY(-16px);
  z-index:1;
}
body.site-final .bonus-cards .feature-card{
  min-height:108px;
}
body.site-final .bonus-cards .feature-card img{
  height:44px;
}

/* 05 Stories */
body.site-final .stories-content{
  top:60px;
  bottom:112px;
  gap:5px;
}
body.site-final .stories .title-wide{max-height:68px;}
body.site-final .story-stage{
  height:23%;
  min-height:158px;
  margin-top:0;
}
body.site-final .choice-box{
  width:31%;
  padding:7px 7px 6px;
}
body.site-final .choice-box h4{font-size:8px;margin:0 0 5px;}
body.site-final .choice-box img{height:30px;}
body.site-final .choice-box span{
  margin:-25px 0 8px 34px;
  min-height:15px;
  font-size:6.6px;
  line-height:1.05;
  text-align:center;
}
body.site-final .story-hero{
  height:112%;
  bottom:-28px;
}
body.site-final blockquote{
  font-size:7.8px;
  line-height:1.15;
}
body.site-final .shift{
  min-height:78px;
  height:78px;
  padding:6px 10px;
}
body.site-final .shift h4{
  font-size:10px;
}
body.site-final .shift img{
  width:70%;
  height:30px;
  top:30px;
}
body.site-final .shift div{
  top:36px;
  left:14px;
  right:14px;
  align-items:center;
}
body.site-final .shift div span{
  width:96px;
  font-size:8.8px;
}
body.site-final .fate-cards{
  margin-top:0;
}
body.site-final .fate-cards article{
  height:84px;
}
body.site-final .fate-cards h3{
  font-size:6.6px;
  margin:4px 0 30px;
}
body.site-final .fate-cards p{
  font-size:6px;
}
body.site-final .section-kicker{
  margin:0;
  font-size:12px;
}
body.site-final .journey-row img{
  height:54px;
}
body.site-final .story-facts{
  min-height:38px;
  margin-top:0;
}
body.site-final .story-facts img{width:24px;height:24px;}
body.site-final .story-facts span{
  font-size:5.7px;
  line-height:1.02;
}

/* 06 Expansion */
body.site-final .expansion-content{
  top:60px;
  bottom:112px;
  gap:6px;
}
body.site-final .expansion .title-wide{max-height:68px;}
body.site-final .map-pills{
  flex:0 0 36px;
  margin:0;
}
body.site-final .map-zone{
  flex:1 1 auto;
  min-height:300px;
  height:auto;
  margin:0;
}
body.site-final .region{
  width:45%;
  min-height:42px;
  height:42px;
  padding:6px 10px;
  border-radius:18px;
  font-size:8.4px;
  gap:7px;
}
body.site-final .region img{
  width:20px;
  height:20px;
}
body.site-final .region small{
  display:none;
}
body.site-final .frost{left:0; top:12%; width:45%;}
body.site-final .dead{right:0; top:12%; width:45%;}
body.site-final .whisper{left:0; top:34%; width:45%;}
body.site-final .iron{right:0; top:34%; width:45%;}
body.site-final .mystic{left:27.5%; top:56%; width:45%;}
body.site-final .viking{left:0; right:auto; top:78%; width:45%;}
body.site-final .orc{right:0; left:auto; top:78%; width:45%;}
body.site-final .expansion-cards{
  margin-top:0;
  margin-bottom:14px;
  transform:none;
  flex:0 0 auto;
}
body.site-final .expansion-cards .feature-card{
  height:76px;
  padding:5px;
}

/* 07 Blood */
body.site-final .blood-content{
  top:60px;
  bottom:112px;
  gap:5px;
}
body.site-final .blood-logo{max-height:62px;}
body.site-final .process-row{
  margin-top:0;
}
body.site-final .process-row article{
  min-height:106px;
  padding:6px 4px;
}
body.site-final .process-row img{
  width:62px;
  height:54px;
}
body.site-final .process-row h3{font-size:8.4px;}
body.site-final .process-row p{font-size:6.8px;}
body.site-final .blood-chips{
  height:32px;
  margin:0;
}
body.site-final .blood-heroes{
  height:180px;
  margin-top:0;
}
body.site-final .blood-power{
  height:48px;
  min-height:48px;
  margin:0;
  padding:0;
  width:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  text-align:center;
  position:relative;
}
body.site-final .blood-power h4{
  margin:0;
  font-size:12px;
  line-height:1;
}
body.site-final .blood-power img{
  display:none;
}
body.site-final .blood-power:after{
  content:"";
  display:block;
  width:78%;
  height:22px;
  margin:4px auto 0;
  border-radius:999px;
  background:
    radial-gradient(circle at 6% 50%, #250000 0 8px, transparent 8.5px),
    radial-gradient(circle at 94% 50%, #250000 0 8px, transparent 8.5px),
    linear-gradient(90deg,#3b0808 0 6%, #d11c16 6% 72%, #101722 72% 100%);
  border:2px solid rgba(255,255,255,.75);
  box-shadow:0 2px 4px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.35);
}
body.site-final .blood-cards{
  margin-top:0;
  margin-bottom:12px;
  transform:none;
}
body.site-final .blood-cards .feature-card{
  min-height:86px;
  padding:5px 4px;
}
body.site-final .blood-cards .feature-card img{
  height:38px;
}
body.site-final .blood-cards .feature-card h3{
  font-size:9.2px;
}
body.site-final .blood-cards .feature-card p{
  font-size:6.7px;
}

/* 08 Rewards */
body.site-final .rewards-content{
  top:60px;
  bottom:112px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
body.site-final .rewards-title{
  font-size:clamp(44px, 14vw, 64px);
  margin-top:-4px;
}
body.site-final .reward-hero{
  height:clamp(120px,20dvh,170px);
  margin:0 0 2px;
}
body.site-final .reward-grid{
  gap:5px;
  margin-top:0;
}
body.site-final .reward-grid article{
  min-height:104px;
}
body.site-final .reward-grid img{
  height:42px;
}
body.site-final .benefits-row{
  margin-top:0;
  flex:0 0 auto;
}
body.site-final .faq-list{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  height:auto;
  overflow:auto;
  margin:6px 0 14px;
  display:block;
}
body.site-final .faq-list details{
  margin-bottom:6px;
}
body.site-final .faq-list summary{
  min-height:32px;
}
body.site-final .faq-list p{
  font-size:7.6px;
}

@media (max-height:850px) and (max-width:520px){
  body.site-final{
    --v6-top:58px;
    --v6-bottom:106px;
  }
  body.site-final .content{top:var(--v6-top);bottom:var(--v6-bottom);}
  body.site-final .title-wide{max-height:62px;}
  body.site-final .ribbon{height:34px;min-height:34px;font-size:clamp(9px,2.78vw,11.8px);}
  body.site-final .builds .ribbon,
  body.site-final .expansion-ribbon,
  body.site-final .reward-ribbon{font-size:clamp(8.6px,2.6vw,10.6px);}
  body.site-final .home-content,
  body.site-final .mission-content,
  body.site-final .builds .content,
  body.site-final .council-content,
  body.site-final .stories-content,
  body.site-final .expansion-content,
  body.site-final .blood-content,
  body.site-final .rewards-content{top:58px;bottom:106px;}
  body.site-final .home .hero-slogan{min-height:50px;}
  body.site-final .hero-team{max-height:32%; margin-bottom:-36px;}
  body.site-final .home-cards .feature-card{min-height:128px;}
  body.site-final .stats-row{margin-bottom:10px;}
  body.site-final .mission-scene{min-height:168px;}
  body.site-final .mission-cards .feature-card{min-height:118px;}
  body.site-final .split-panels{flex-basis:80px;}
  body.site-final .mini-panel{height:80px;min-height:80px;}
  body.site-final .build-hero-zone{min-height:194px;}
  body.site-final .ability-row article{height:84px;min-height:84px;}
  body.site-final .ability-row img{height:52px;}
  body.site-final .compact-cards .feature-card{height:78px;}
  body.site-final .artifact-row{height:60px;margin-bottom:12px;}
  body.site-final .council-table{max-height:190px;margin-bottom:-56px;}
  body.site-final .bonus-cards{transform:translateY(-12px);margin-bottom:10px;}
  body.site-final .ruler-cards img{height:98px;}
  body.site-final .story-stage{min-height:148px;}
  body.site-final .shift{height:74px;min-height:74px;}
  body.site-final .fate-cards article{height:78px;}
  body.site-final .journey-row img{height:50px;}
  body.site-final .story-facts{min-height:34px;}
  body.site-final .map-pills{flex-basis:33px;}
  body.site-final .map-zone{min-height:286px;}
  body.site-final .region{height:39px;min-height:39px;}
  body.site-final .expansion-cards .feature-card{height:70px;}
  body.site-final .process-row article{min-height:98px;}
  body.site-final .blood-heroes{height:166px;}
  body.site-final .blood-power{height:45px;min-height:45px;}
  body.site-final .blood-cards .feature-card{min-height:80px;}
  body.site-final .reward-hero{height:118px;}
  body.site-final .reward-grid article{min-height:96px;}
  body.site-final .faq-list{margin-bottom:10px;}
}

@media (max-width:360px){
  body.site-final .cta-overlay b{font-size:17px;}
  body.site-final .ribbon{font-size:9px;padding-left:12px;padding-right:12px;}
  body.site-final .builds .ribbon,
  body.site-final .expansion-ribbon,
  body.site-final .reward-ribbon{font-size:8.2px;}
  body.site-final .region{font-size:7.4px;}
}


/* =========================
   Version 7 mobile fixes
   ========================= */
body.site-final .builds .content,
body.site-final .council-content,
body.site-final .stories-content,
body.site-final .rewards-content{
  top:60px;
  bottom:112px;
}

/* 03 Builds */
body.site-final .builds .content{gap:6px;}
body.site-final .build-hero-zone{
  height:33%;
  min-height:212px;
  position:relative;
  overflow:visible;
}
body.site-final .build-hero{
  height:107%;
  top:8%;
  z-index:4;
}
body.site-final .item-card{
  width:30%;
  min-height:72px;
  height:72px;
  padding:5px 5px 4px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
}
body.site-final .item-card::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:14px;
  height:20px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(255,86,142,.32) 0%, rgba(255,137,44,.22) 45%, rgba(255,255,255,0) 80%);
  filter:blur(3px);
  z-index:0;
}
body.site-final .item-card::after{
  content:attr(data-tier);
  position:absolute;
  top:5px;
  right:5px;
  min-width:18px;
  height:14px;
  padding:0 4px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffdd8a,#ff9d31);
  color:#7b3500;
  font:900 8px/14px Arial,sans-serif;
  text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
body.site-final .item-card img{
  position:relative;
  z-index:1;
  width:56px;
  height:38px;
  filter:drop-shadow(0 0 7px rgba(255,110,176,.22)) drop-shadow(0 2px 6px rgba(255,121,43,.28));
}
body.site-final .item-card b,
body.site-final .item-card small{position:relative;z-index:1;}
body.site-final .item-card b{font-size:7.8px;}
body.site-final .item-card small{font-size:5.9px;line-height:1.08;}
body.site-final .item-card.bottom{bottom:10px;}
body.site-final .jackpot{
  width:124px;
  bottom:12px;
  z-index:7;
}
body.site-final .ability-row{
  margin-top:auto;
  margin-bottom:6px;
  transform:translateY(-8px);
  position:relative;
  z-index:6;
}
body.site-final .ability-row article{
  min-height:92px;
  height:92px;
}
body.site-final .ability-row img{
  height:56px;
  object-fit:cover;
  object-position:center center;
}
body.site-final .ability-row b{font-size:7.7px;}
body.site-final .ability-row small{font-size:6px;line-height:1.08;display:block;padding:0 3px 4px;}
body.site-final .compact-cards{margin-top:0;}
body.site-final .compact-cards .feature-card{
  height:82px;
  padding:6px 4px 5px;
  display:grid;
  grid-template-rows:auto auto 40px;
  align-content:start;
}
body.site-final .compact-cards .feature-card h3{margin:0;font-size:10.8px;}
body.site-final .compact-cards .feature-card p{
  display:block;
  margin:2px 0 0;
  font-size:6.8px;
  line-height:1.05;
  color:#2752af;
  text-transform:none;
}
body.site-final .compact-cards .feature-card img{
  order:3;
  height:40px;
  max-height:40px;
  margin-top:2px;
  object-fit:contain;
}
body.site-final .artifact-row{
  height:66px;
  margin-top:6px;
  margin-bottom:14px;
  padding:18px 9px 8px;
  gap:8px;
}
body.site-final .artifact-row b{font-size:12px;top:2px;}
body.site-final .artifact-row span{width:45px;height:45px;flex:0 0 45px;}
body.site-final .artifact-row img{max-width:35px;max-height:35px;}

/* 04 Council */
body.site-final .council .canvas:after{display:none;}
body.site-final .council-content{gap:6px;}
body.site-final .small-pill{margin:0 auto -1px;}
body.site-final .council .title-wide{max-height:64px;}
body.site-final .ruler-cards article{padding:0 3px 5px;}
body.site-final .ruler-cards img{
  height:124px;
  object-fit:contain;
  object-position:center top;
}
body.site-final .influence{margin-top:6px;margin-bottom:0;}
body.site-final .council-table{
  width:126%;
  max-height:246px;
  margin:-2px -13% -86px;
  object-fit:contain;
  object-position:top center;
  position:relative;
  z-index:0;
}
body.site-final .bonus-cards{
  margin-top:auto;
  margin-bottom:14px;
  transform:translateY(-18px);
  z-index:1;
}
body.site-final .bonus-cards .feature-card{min-height:104px;padding:5px 3px 6px;}
body.site-final .bonus-cards .feature-card img{height:42px;object-fit:contain;}
body.site-final .bonus-cards .feature-card h3{font-size:8.8px;}
body.site-final .bonus-cards .feature-card p{font-size:6.5px;line-height:1.1;}
body.site-final .bonus-cards .feature-card strong{font-size:13px;}
body.site-final .council .flow-row{display:none;}

/* 05 Stories */
body.site-final .stories-content{gap:6px;}
body.site-final .stories .title-wide{max-height:68px;}
body.site-final .story-stage{
  height:22.5%;
  min-height:156px;
  margin-top:0;
}
body.site-final .choice-box{width:31%;padding:8px 7px 6px;}
body.site-final .choice-box h4{font-size:8.2px;margin:0 0 5px;}
body.site-final .choice-box img{height:31px;}
body.site-final .choice-box span{
  margin:-26px 0 8px 36px;
  min-height:15px;
  font-size:6.8px;
  line-height:1.06;
  text-align:center;
  color:#fff;
}
body.site-final .story-hero{height:112%;bottom:-28px;}
body.site-final blockquote{font-size:7.8px;line-height:1.15;}
body.site-final .shift{
  min-height:76px;
  height:76px;
  padding:6px 12px;
}
body.site-final .shift h4{font-size:10px;}
body.site-final .shift img{
  width:70%;
  height:30px;
  top:31px;
  left:50%;
  transform:translateX(-50%);
}
body.site-final .shift div{
  top:36px;
  left:10px;
  right:10px;
  align-items:center;
}
body.site-final .shift div span{
  width:92px;
  font-size:8.6px;
  line-height:1.05;
}
body.site-final .shift div span:first-child{text-align:left;}
body.site-final .shift div span:last-child{text-align:right;}
body.site-final .fate-cards{margin-top:0;}
body.site-final .fate-cards article{height:98px;}
body.site-final .fate-cards h3{font-size:6.9px;margin:4px 0 34px;}
body.site-final .fate-cards p{font-size:6.2px;line-height:1.05;}
body.site-final .section-kicker{margin:1px 0 0;font-size:12.5px;}
body.site-final .journey-row{margin-top:0;margin-bottom:14px;}
body.site-final .journey-row img{height:66px;}
body.site-final .journey-row i{font-size:15px;}
body.site-final .story-facts{display:none;}

/* 08 Rewards */
body.site-final .rewards-content{
  display:flex;
  flex-direction:column;
  gap:5px;
  align-items:stretch;
}
body.site-final .reward-hero{height:clamp(120px, 19.5dvh, 164px);margin:0 0 2px;}
body.site-final .reward-grid{gap:5px;margin-top:0;}
body.site-final .reward-grid article{min-height:102px;}
body.site-final .reward-grid img{height:42px;}
body.site-final .benefits-row{margin-top:0;flex:0 0 auto;}
body.site-final .faq-list{
  width:100%;
  align-self:stretch;
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  height:auto;
  overflow:auto;
  margin:6px 0 14px;
  padding:0;
  background:rgba(255,255,255,.88);
  border:1.5px solid rgba(102,150,230,.38);
  border-radius:18px;
  box-shadow:var(--shadow);
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto;
}
body.site-final .faq-list details{
  margin:0;
  background:#fff;
  border-radius:0;
  border:0;
  border-bottom:1px solid #dfe8f5;
  box-shadow:none;
}
body.site-final .faq-list details:first-child{border-top-left-radius:18px;border-top-right-radius:18px;}
body.site-final .faq-list details:last-child{border-bottom:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px;}
body.site-final .faq-list summary{min-height:40px;padding:4px 10px;font-size:10.2px;}
body.site-final .faq-list p{font-size:7.8px;line-height:1.2;padding:0 12px 8px 42px;}

@media (max-height:850px) and (max-width:520px){
  body.site-final .builds .content,
  body.site-final .council-content,
  body.site-final .stories-content,
  body.site-final .rewards-content{top:58px;bottom:106px;}
  body.site-final .build-hero-zone{min-height:198px;height:32%;}
  body.site-final .ability-row{transform:translateY(-6px);}
  body.site-final .ability-row article{min-height:88px;height:88px;}
  body.site-final .ability-row img{height:54px;}
  body.site-final .compact-cards .feature-card{height:78px;grid-template-rows:auto auto 36px;}
  body.site-final .compact-cards .feature-card img{height:36px;max-height:36px;}
  body.site-final .artifact-row{height:62px;margin-bottom:12px;}
  body.site-final .artifact-row span{width:42px;height:42px;flex-basis:42px;}
  body.site-final .artifact-row img{max-width:32px;max-height:32px;}

  body.site-final .ruler-cards img{height:112px;}
  body.site-final .council-table{max-height:220px;margin-bottom:-76px;}
  body.site-final .bonus-cards{transform:translateY(-14px);margin-bottom:12px;}
  body.site-final .bonus-cards .feature-card{min-height:100px;}

  body.site-final .story-stage{min-height:148px;}
  body.site-final .shift{height:74px;min-height:74px;}
  body.site-final .shift img{height:28px;top:31px;}
  body.site-final .fate-cards article{height:92px;}
  body.site-final .journey-row img{height:60px;}
  body.site-final .journey-row{margin-bottom:12px;}

  body.site-final .reward-hero{height:116px;}
  body.site-final .reward-grid article{min-height:96px;}
  body.site-final .faq-list{margin-bottom:12px;}
  body.site-final .faq-list summary{min-height:38px;font-size:9.8px;}
}


/* =========================
   Version 8 DESKTOP ONLY
   Mobile layout is intentionally untouched.
   ========================= */
.desktop-nav{display:none;}

@media (min-aspect-ratio:1.001/1){
  html{scroll-snap-type:y mandatory;}
  body.site-final{background:#eef6ff;}
  body.site-final .global-topbar{
    top:0;
    left:0;
    right:0;
    transform:none;
    width:100%;
    height:80px;
    padding:0 42px;
    background:rgba(255,255,255,.96);
    box-shadow:0 2px 14px rgba(12,38,91,.10);
    backdrop-filter:blur(8px);
  }
  body.site-final .global-topbar .brandmark img{width:44px;height:52px;}
  body.site-final .global-topbar .brandmark b{font-size:28px;letter-spacing:.8px;}
  body.site-final .global-topbar .brandmark small{font-size:13px;letter-spacing:1.1px;}
  body.site-final .desktop-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    white-space:nowrap;
  }
  body.site-final .desktop-nav a{
    position:relative;
    text-decoration:none;
    color:#030c57;
    font:900 17px/1 Arial,sans-serif;
    padding:31px 0 27px;
  }
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{color:#0647ff;}
  body.site-final .desktop-nav a.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:7px;
    width:74px;
    height:9px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent 0 2%, #f19300 2% 45%, #d48a00 45% 55%, #f19300 55% 98%, transparent 98%);
    border-radius:99px;
    box-shadow:0 1px 0 #ffe59c inset;
  }
  body.site-final .desktop-nav a.active::before{
    content:"◆";
    position:absolute;
    left:50%;
    bottom:0px;
    transform:translateX(-50%);
    color:#e29200;
    font-size:15px;
    z-index:2;
    text-shadow:0 1px 0 #fff;
  }
  body.site-final .global-topbar .top-actions{gap:14px;}
  body.site-final .global-topbar .round-icon{width:52px;height:52px;}

  body.site-final .global-cta{
    width:min(470px,39vw);
    aspect-ratio:1198/242;
    height:auto;
    left:auto;
    right:8vw;
    bottom:28px;
    transform:none;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    overflow:visible;
    z-index:75;
  }
  body.site-final .global-cta:before{display:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(28,39,94,.24));}
  body.site-final .global-cta .cta-overlay{left:15%;right:15%;width:70%;}
  body.site-final .global-cta .cta-overlay b{font-size:clamp(30px,2.9vw,42px);letter-spacing:.3px;}
  body.site-final .global-cta .cta-overlay small{font-size:clamp(11px,.9vw,14px);top:68%;}

  body.site-final .screen{
    min-height:100dvh;
    height:100dvh;
    padding:0;
    display:block;
    overflow:hidden;
  }
  body.site-final .screen:before{display:none;}
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{
    width:100vw;
    height:100dvh;
    max-height:none;
    aspect-ratio:auto;
    border-radius:0;
    box-shadow:none;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  body.site-final .canvas:after{display:none;}
  body.site-final .canvas::before{
    content:"";
    position:absolute;
    inset:80px 0 0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(255,255,255,.16),rgba(255,255,255,0) 24%,rgba(255,255,255,.60) 100%);
  }
  body.site-final .bg{display:none;}
  body.site-final .content{
    position:absolute;
    left:0;
    right:0;
    top:80px;
    bottom:0;
    width:100vw;
    height:calc(100dvh - 80px);
    display:block;
  }

  body.site-final .home .canvas{background-image:url('/assets/madboys.screen.01.home/1%20-%20mb_back2h.webp');background-position:center top;}
  body.site-final .missions .canvas{background-image:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh.webp');background-position:center top;}
  body.site-final .builds .canvas{background-image:url('/assets/madboys.screen.03.builds/02%20-%20bd_backh.webp');background-position:center top;}
  body.site-final .council .canvas{background-image:url('/assets/madboys.screen.04.council/21%20-%20cn_back2h.webp');background-position:center top;}
  body.site-final .stories .canvas{background-image:url('/assets/madboys.screen.05.stories/04%20-%20st_backh.webp');background-position:center top;}
  body.site-final .expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');background-position:center top;}
  body.site-final .blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');background-position:center top;}
  body.site-final .rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');background-position:center top;}
  body.site-final .builds .canvas::before,
  body.site-final .missions .canvas::before,
  body.site-final .blood .canvas::before{background:linear-gradient(to bottom,rgba(255,255,255,.10),rgba(255,255,255,0) 45%,rgba(255,255,255,.56) 100%);}
  body.site-final .council .canvas::before,
  body.site-final .stories .canvas::before,
  body.site-final .expansion .canvas::before{background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,0) 100%);}

  /* Desktop common titles */
  body.site-final .title-wide{
    position:absolute;
    top:18px;
    left:50%;
    width:auto;
    max-width:58vw;
    height:112px;
    max-height:112px;
    transform:translateX(-50%);
    object-fit:contain;
    z-index:3;
  }
  body.site-final .ribbon{
    position:absolute;
    left:50%;
    top:134px;
    transform:translateX(-50%);
    width:min(770px,52vw);
    height:42px;
    min-height:42px;
    padding:0 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    overflow:visible;
    font-size:clamp(18px,1.45vw,24px);
    border-radius:999px;
    background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 12%,rgba(255,255,255,.96) 88%,transparent 100%);
    border-top:2px solid rgba(211,151,23,.58);
    border-bottom:2px solid rgba(211,151,23,.58);
    z-index:4;
  }

  /* Home desktop */
  body.site-final .home .title-madboys{
    position:absolute;
    top:64px;
    left:6.5vw;
    width:min(680px,43vw);
    height:auto;
    max-height:170px;
    transform:none;
  }
  body.site-final .home .gold-title{
    position:absolute;
    top:244px;
    left:7.5vw;
    width:44vw;
    margin:0;
    font-size:clamp(38px,3.3vw,58px);
    line-height:1;
    text-align:center;
  }
  body.site-final .home .hero-slogan{
    position:absolute;
    top:310px;
    left:15vw;
    width:34vw;
    min-height:0;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
    font-size:clamp(23px,1.9vw,32px);
    line-height:1.14;
    text-align:center;
  }
  body.site-final .home .hero-team{
    position:absolute;
    top:170px;
    left:50vw;
    width:31vw;
    max-height:none;
    height:36vh;
    margin:0;
    object-fit:contain;
    z-index:3;
  }
  body.site-final .home-cards{
    position:absolute;
    left:7.7vw;
    bottom:58px;
    width:37vw;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body.site-final .home-cards .feature-card{
    height:118px;
    min-height:118px;
    padding:10px 18px 10px 10px;
    display:grid;
    grid-template-columns:290px 1fr;
    align-items:center;
    text-align:left;
    border-radius:20px;
  }
  body.site-final .home-cards .feature-card img{
    width:280px;
    height:96px;
    border-radius:16px;
  }
  body.site-final .home-cards .feature-card h3{font-size:clamp(24px,1.8vw,32px);margin:0 0 6px;align-self:end;}
  body.site-final .home-cards .feature-card p{font-size:clamp(16px,1.05vw,20px);line-height:1.12;align-self:start;}
  body.site-final .home .founder-strip{
    position:absolute;
    right:8vw;
    bottom:268px;
    width:45vw;
    height:150px;
    display:grid;
    grid-template-columns:210px 1fr 190px;
    align-items:center;
    padding:20px 28px;
    border-radius:26px;
  }
  body.site-final .home .founder-strip img{width:150px;height:110px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:clamp(22px,1.8vw,32px);}
  body.site-final .home .founder-strip small{font-size:clamp(15px,1.05vw,19px);line-height:1.22;}
  body.site-final .home .founder-strip em{font-size:clamp(17px,1.2vw,23px);padding:22px 18px;border-width:4px;}
  body.site-final .home .stats-row{
    position:absolute;
    right:8vw;
    bottom:158px;
    width:45vw;
    height:94px;
    margin:0;
    padding:0 26px;
    border-radius:20px;
  }
  body.site-final .home .stats-row img{width:54px;height:54px;}
  body.site-final .home .stats-row b{font-size:clamp(28px,2.5vw,40px);}
  body.site-final .home .stats-row small{font-size:clamp(12px,.9vw,16px);}

  /* Missions desktop */
  body.site-final .missions .title-wide{height:118px;top:16px;}
  body.site-final .missions .ribbon{top:142px;}
  body.site-final .mission-scene{
    display:block;
    position:absolute;
    left:4vw;
    right:4vw;
    top:120px;
    bottom:185px;
    min-height:0;
    height:auto;
    background:url('/assets/madboys.screen.02.missions/14%20-%20rw_back.webp') center 0/contain no-repeat;
    z-index:1;
  }
  body.site-final .mission-scene::before,
  body.site-final .mission-scene::after{
    position:absolute;
    top:52px;
    width:210px;
    min-height:250px;
    border-radius:24px;
    background:rgba(255,255,255,.92);
    border:2px solid rgba(102,150,230,.38);
    box-shadow:var(--shadow);
    color:#12226b;
    font:900 24px/1.15 Arial,sans-serif;
    padding:26px 24px;
    text-align:left;
  }
  body.site-final .mission-scene::before{content:"MISSION\A OBJECTIVE\A\A ◆ DEFEAT THE\A DARK WARLORD\A\A Defeat the boss\A and survive 10\A turns.";white-space:pre;left:1.5vw;}
  body.site-final .mission-scene::after{content:"TURN\A 01/10\A\A NEXT UP\A PLAYER TURN";white-space:pre;text-align:center;right:1.5vw;font-size:26px;color:#10256b;}
  body.site-final .missions .chips-row{
    position:absolute;
    left:8.5vw;
    right:8.5vw;
    bottom:250px;
    height:58px;
    margin:0;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    z-index:4;
    border-radius:999px;
  }
  body.site-final .missions .chips-row span{font-size:clamp(13px,1vw,17px);gap:8px;}
  body.site-final .missions .chips-row img{width:32px;height:32px;}
  body.site-final .missions .mission-cards{
    position:absolute;
    left:3vw;
    right:44vw;
    bottom:80px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    width:auto;
    z-index:4;
  }
  body.site-final .missions .mission-cards .feature-card{height:150px;min-height:150px;padding:12px;}
  body.site-final .missions .mission-cards .feature-card img{height:70px;width:auto;object-fit:contain;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:17px;}
  body.site-final .missions .mission-cards .feature-card p{font-size:11px;}
  body.site-final .missions .split-panels{
    position:absolute;
    right:3vw;
    bottom:80px;
    width:41vw;
    height:150px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    z-index:4;
  }
  body.site-final .missions .mini-panel{height:150px;min-height:150px;padding:12px;}
  body.site-final .missions .mini-panel h4{font-size:16px;}
  body.site-final .missions .steps img{width:42px;height:42px;}
  body.site-final .missions .steps span{font-size:11px;}
  body.site-final .missions .steps i{font-size:26px;}
  body.site-final .missions .companions img{height:64px;}
  body.site-final .missions .companions b{font-size:13px;}

  /* Builds desktop */
  body.site-final .builds .title-wide{top:8px;height:120px;}
  body.site-final .builds .ribbon{top:126px;width:min(870px,56vw);}
  body.site-final .build-hero-zone{
    position:absolute;
    left:10.5vw;
    top:205px;
    bottom:30px;
    width:38vw;
    height:auto;
    min-height:0;
    border-radius:26px;
    background:rgba(4,34,88,.55);
    border:2px solid rgba(239,174,24,.75);
    box-shadow:0 14px 36px rgba(0,28,80,.22);
  }
  body.site-final .build-hero{height:50%;top:11%;left:50%;z-index:3;}
  body.site-final .builds .item-card{width:28%;height:220px;min-height:220px;border-radius:18px;padding:18px 12px;}
  body.site-final .builds .item-card.top{top:28px;}
  body.site-final .builds .item-card.bottom{bottom:46px;}
  body.site-final .builds .item-card.left{left:26px;}
  body.site-final .builds .item-card.right{right:26px;}
  body.site-final .builds .item-card img{width:110px;height:96px;}
  body.site-final .builds .item-card b{font-size:20px;margin-top:8px;}
  body.site-final .builds .item-card small{font-size:13px;line-height:1.18;}
  body.site-final .builds .jackpot{width:210px;bottom:145px;}
  body.site-final .builds .ability-row{
    position:absolute;
    right:12vw;
    top:220px;
    width:34vw;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin:0;
    transform:none;
  }
  body.site-final .builds .ability-row article{height:138px;min-height:138px;border-radius:16px;}
  body.site-final .builds .ability-row img{height:78px;}
  body.site-final .builds .ability-row b{font-size:17px;}
  body.site-final .builds .ability-row small{font-size:13px;}
  body.site-final .builds .compact-cards{
    position:absolute;
    right:12vw;
    bottom:184px;
    width:34vw;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
  }
  body.site-final .builds .compact-cards .feature-card{height:132px;padding:12px;}
  body.site-final .builds .compact-cards .feature-card h3{font-size:18px;}
  body.site-final .builds .compact-cards .feature-card p{font-size:10px;text-transform:uppercase;}
  body.site-final .builds .compact-cards .feature-card img{height:58px;}
  body.site-final .builds .artifact-row{
    position:absolute;
    right:12vw;
    bottom:82px;
    width:34vw;
    height:92px;
    margin:0;
    padding:25px 28px 12px;
    gap:22px;
  }
  body.site-final .builds .artifact-row b{font-size:20px;top:8px;}
  body.site-final .builds .artifact-row span{width:60px;height:60px;flex:0 0 60px;}
  body.site-final .builds .artifact-row img{max-width:50px;max-height:50px;}

  /* Council desktop */
  body.site-final .council .title-wide{height:122px;top:52px;}
  body.site-final .council .small-pill{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:19px;padding:10px 28px;}
  body.site-final .council .ribbon{top:192px;width:min(760px,46vw);}
  body.site-final .ruler-cards{
    position:absolute;
    left:8vw;
    top:260px;
    width:41vw;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
  }
  body.site-final .ruler-cards article{border-radius:18px;padding:0 8px 10px;}
  body.site-final .ruler-cards img{height:140px;object-fit:cover;object-position:top center;}
  body.site-final .ruler-cards h3{font-size:18px;}
  body.site-final .ruler-cards p{font-size:15px;}
  body.site-final .council .influence{
    position:absolute;
    left:8vw;
    top:490px;
    width:41vw;
    padding:14px 28px 16px;
  }
  body.site-final .council .influence h4{font-size:20px;}
  body.site-final .council .influence img{height:44px;}
  body.site-final .council .influence div{font-size:22px;}
  body.site-final .council-table{
    position:absolute;
    left:8vw;
    bottom:18px;
    width:40vw;
    max-height:230px;
    margin:0;
    object-fit:contain;
  }
  body.site-final .bonus-cards{
    position:absolute;
    right:8vw;
    top:280px;
    width:42vw;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:0;
    transform:none;
  }
  body.site-final .bonus-cards .feature-card{height:175px;min-height:175px;display:grid;grid-template-columns:145px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:18px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/3;width:125px;height:125px;object-fit:contain;}
  body.site-final .bonus-cards .feature-card h3{font-size:20px;margin:0;}
  body.site-final .bonus-cards .feature-card p{font-size:14px;line-height:1.18;}
  body.site-final .bonus-cards .feature-card strong{font-size:33px;margin-top:8px;}
  body.site-final .council .flow-row{display:none;}

  /* Stories desktop */
  body.site-final .stories .title-wide{height:122px;top:18px;}
  body.site-final .stories .ribbon{top:142px;width:min(760px,44vw);background:transparent;border:0;box-shadow:none;text-transform:none;font-size:clamp(24px,1.9vw,36px);}
  body.site-final .story-stage{
    position:absolute;
    left:3vw;
    top:205px;
    width:47vw;
    height:360px;
    min-height:0;
    margin:0;
  }
  body.site-final .choice-box{left:0;top:10px;width:21vw;height:320px;padding:36px 34px;border-radius:24px;}
  body.site-final .choice-box h4{font-size:18px;margin-bottom:20px;}
  body.site-final .choice-box img{height:64px;margin:8px 0;border-radius:12px;}
  body.site-final .choice-box span{margin:-48px 0 30px 70px;font-size:16px;line-height:1.05;text-align:center;}
  body.site-final .story-hero{left:49%;height:360px;top:-20px;bottom:auto;}
  body.site-final blockquote{right:0;top:90px;width:23vw;font-size:20px;line-height:1.25;padding:36px 34px 70px;border-radius:22px;}
  body.site-final blockquote small{font-size:15px;margin-top:20px;}
  body.site-final blockquote img{width:74px;height:74px;right:22px;bottom:18px;}
  body.site-final .shift{
    position:absolute;
    left:3vw;
    bottom:34px;
    width:47vw;
    height:218px;
    min-height:218px;
    border-radius:26px;
    padding:28px 44px;
  }
  body.site-final .shift h4{font-size:22px;margin-bottom:26px;}
  body.site-final .shift img{position:static;transform:none;width:92%;height:54px;margin:0 auto 24px;display:block;}
  body.site-final .shift div{position:static;display:flex;justify-content:space-around;font-size:20px;}
  body.site-final .shift div span{width:auto;text-align:center;}
  body.site-final .shift div b{font-size:25px;}
  body.site-final .fate-cards{
    position:absolute;
    right:4vw;
    top:255px;
    width:42vw;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
  }
  body.site-final .fate-cards article{height:178px;border-radius:16px;}
  body.site-final .fate-cards h3{font-size:14px;margin:12px 0 84px;}
  body.site-final .fate-cards p{font-size:13px;line-height:1.15;padding:0 8px;}
  body.site-final .stories .section-kicker{position:absolute;right:4vw;top:470px;width:42vw;font-size:24px;margin:0;}
  body.site-final .journey-row{position:absolute;right:4vw;top:520px;width:42vw;height:110px;margin:0;display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.90);border-radius:20px;padding:14px;box-shadow:var(--shadow);}
  body.site-final .journey-row img{height:74px;}
  body.site-final .journey-row i{font-size:28px;}
  body.site-final .story-facts{display:flex;position:absolute;right:4vw;bottom:112px;width:42vw;height:105px;min-height:0;margin:0;background:rgba(255,255,255,.90);border-radius:18px;box-shadow:var(--shadow);}
  body.site-final .story-facts span{font-size:12px;line-height:1.16;padding:14px;}
  body.site-final .story-facts img{width:54px;height:54px;}

  /* Expansion desktop */
  body.site-final .expansion .title-wide{height:120px;top:18px;}
  body.site-final .expansion .ribbon{top:138px;background:transparent;border:0;box-shadow:none;font-size:clamp(24px,2vw,38px);text-transform:none;}
  body.site-final .map-zone{position:absolute;inset:190px 6vw 260px;width:auto;height:auto;min-height:0;}
  body.site-final .region{height:64px;min-height:64px;border-radius:14px;padding:10px 18px;font-size:18px;gap:12px;box-shadow:0 8px 22px rgba(0,15,50,.22);}
  body.site-final .region img{width:42px;height:42px;}
  body.site-final .region small{display:block;font-size:12px;line-height:1.05;}
  body.site-final .frost{left:6vw;top:4%;width:17vw;}
  body.site-final .dead{left:37vw;top:6%;width:17vw;}
  body.site-final .iron{right:8vw;top:5%;width:17vw;}
  body.site-final .whisper{left:5vw;top:36%;width:19vw;}
  body.site-final .mystic{left:43vw;top:46%;width:17vw;}
  body.site-final .orc{right:23vw;top:52%;width:16vw;}
  body.site-final .viking{right:5vw;top:52%;width:18vw;}
  body.site-final .map-pills{
    position:absolute;
    left:8vw;
    right:8vw;
    bottom:170px;
    height:92px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:22px;
    margin:0;
    padding:0 24px;
    background:rgba(255,255,255,.88);
    border-radius:22px 22px 0 0;
    box-shadow:var(--shadow);
  }
  body.site-final .map-pills span{font-size:18px;line-height:1.08;gap:14px;}
  body.site-final .map-pills img{width:54px;height:54px;}
  body.site-final .expansion-cards{position:absolute;left:8vw;bottom:32px;width:56vw;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;}
  body.site-final .expansion-cards .feature-card{height:132px;display:grid;grid-template-columns:120px 1fr;text-align:left;align-items:center;padding:18px;}
  body.site-final .expansion-cards .feature-card img{width:96px;height:96px;}
  body.site-final .expansion-cards .feature-card h3{font-size:24px;margin:0;}
  body.site-final .expansion-cards .feature-card p{font-size:15px;}

  /* Blood desktop */
  body.site-final .blood-logo{position:absolute;top:36px;left:50%;transform:translateX(-50%);height:110px;max-height:110px;width:auto;}
  body.site-final .blood-ribbon{top:154px;width:min(640px,42vw);height:32px;min-height:32px;font-size:17px;}
  body.site-final .blood-heroes{position:absolute;left:0;bottom:0;width:47vw;height:58vh;margin:0;object-fit:cover;object-position:left bottom;border-radius:0;box-shadow:none;}
  body.site-final .process-row{position:absolute;right:9vw;top:275px;width:46vw;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
  body.site-final .process-row article{height:198px;min-height:198px;padding:24px 14px;border-radius:20px;}
  body.site-final .process-row img{width:105px;height:80px;}
  body.site-final .process-row h3{font-size:20px;}
  body.site-final .process-row p{font-size:14px;}
  body.site-final .blood-chips{position:absolute;right:9vw;top:500px;width:46vw;height:64px;}
  body.site-final .blood-chips span{font-size:16px;}
  body.site-final .blood-cards{position:absolute;right:9vw;bottom:130px;width:46vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;}
  body.site-final .blood-cards .feature-card{height:164px;min-height:164px;padding:18px;}
  body.site-final .blood-cards .feature-card img{height:64px;width:auto;}
  body.site-final .blood-cards .feature-card h3{font-size:20px;}
  body.site-final .blood-cards .feature-card p{font-size:14px;}
  body.site-final .blood-power{display:none;}

  /* Rewards desktop */
  body.site-final .rewards-title{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:clamp(72px,7.2vw,116px);margin:0;}
  body.site-final .reward-ribbon{top:142px;border:0;box-shadow:none;background:transparent;width:60vw;font-size:clamp(24px,2vw,36px);text-transform:none;}
  body.site-final .reward-hero{position:absolute;right:8vw;top:205px;width:53vw;height:228px;object-fit:cover;border-radius:18px;margin:0;}
  body.site-final .reward-grid{position:absolute;right:8vw;top:448px;width:53vw;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
  body.site-final .reward-grid article{height:210px;min-height:210px;padding:14px 8px;border-radius:18px;}
  body.site-final .reward-grid img{height:82px;}
  body.site-final .reward-grid h3{font-size:15px;}
  body.site-final .reward-grid b{font-size:11px;}
  body.site-final .reward-grid p{font-size:10px;}
  body.site-final .benefits-row{position:absolute;right:8vw;bottom:128px;width:53vw;height:92px;margin:0;padding:12px;}
  body.site-final .benefits-row span{font-size:12px;grid-template-columns:46px 1fr;}
  body.site-final .benefits-row img{width:44px;height:44px;}
  body.site-final .benefits-row small{font-size:10px;}
  body.site-final .faq-list{position:absolute;left:6vw;top:230px;bottom:104px;width:34vw;margin:0;padding:34px 28px;background:rgba(255,255,255,.92);border-radius:26px;box-shadow:var(--shadow);overflow:auto;}
  body.site-final .faq-list details{background:transparent;border:0;border-bottom:1px solid #d7e2f5;border-radius:0;margin:0;box-shadow:none;}
  body.site-final .faq-list summary{min-height:100px;font-size:24px;padding:0;gap:28px;}
  body.site-final .faq-list summary img{width:56px;height:56px;}
  body.site-final .faq-list summary:after{font-size:38px;}
  body.site-final .faq-list p{font-size:15px;line-height:1.25;padding:0 0 26px 84px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.site-final .desktop-nav{gap:18px;}
  body.site-final .desktop-nav a{font-size:14px;}
  body.site-final .global-topbar .brandmark b{font-size:22px;}
  body.site-final .global-topbar .brandmark small{font-size:10px;}
  body.site-final .home-cards .feature-card{grid-template-columns:190px 1fr;}
  body.site-final .home-cards .feature-card img{width:180px;}
  body.site-final .mission-scene::before,
  body.site-final .mission-scene::after{width:160px;font-size:18px;}
}

@media (min-aspect-ratio:1.001/1){
  /* Version 8 desktop safe gaps around fixed CTA */
  body.site-final .missions .mission-cards,
  body.site-final .missions .split-panels{bottom:136px;}
  body.site-final .builds .artifact-row{bottom:132px;}
  body.site-final .builds .compact-cards{bottom:238px;}
  body.site-final .builds .ability-row{top:205px;}
  body.site-final .stories .story-facts{bottom:132px;}
  body.site-final .blood-cards{bottom:148px;}
  body.site-final .benefits-row{bottom:146px;}
  body.site-final .faq-list{bottom:126px;}
}

/* =========================
   Version 10 refinements
   ========================= */
body.site-final .global-topbar .brandmark img{
  object-fit:contain;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.85)) drop-shadow(0 2px 3px rgba(37,20,91,.32));
}
body.site-final .view-rewards-art{
  display:block;
  width:104px;
  height:52px;
  object-fit:contain;
  justify-self:center;
}

@media (max-aspect-ratio:1/1){
  /* Home: image button for View Rewards */
  body.site-final .founder-strip{
    grid-template-columns:74px 1fr 104px;
  }
  body.site-final .founder-strip > img:first-child{width:72px;height:52px;}
  body.site-final .view-rewards-art{width:102px;height:50px;}

  /* Missions: center companion portraits */
  body.site-final .companions{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body.site-final .companions > div{
    width:100%;
    justify-content:center;
    align-items:center;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    padding:0 4px;
  }
  body.site-final .companions span{display:flex;flex-direction:column;align-items:center;justify-content:center;}
  body.site-final .companions img{display:block;margin:0 auto;height:40px;width:40px;object-fit:cover;}

  /* Builds: taller ability cards and balanced lower stack */
  body.site-final .builds .content{gap:5px;}
  body.site-final .build-hero-zone{height:31.5%;min-height:202px;}
  body.site-final .jackpot{bottom:12px;z-index:8;}
  body.site-final .ability-row{
    transform:translateY(-10px);
    margin-bottom:2px;
    z-index:7;
  }
  body.site-final .ability-row article{
    height:98px;
    min-height:98px;
    border-radius:13px;
    overflow:hidden;
  }
  body.site-final .ability-row img{
    height:64px;
    width:100%;
    object-fit:cover;
    object-position:center center;
  }
  body.site-final .ability-row b{font-size:7.8px;line-height:1.05;}
  body.site-final .ability-row small{font-size:5.8px;line-height:1.05;}
  body.site-final .compact-cards .feature-card{height:78px;}
  body.site-final .compact-cards .feature-card img{height:36px;max-height:36px;}
  body.site-final .artifact-row{height:62px;margin-top:4px;margin-bottom:14px;}

  /* Council: wider table, raised consequence cards */
  body.site-final .council-table{
    width:138%;
    max-height:242px;
    margin:-2px -19% -76px;
    object-fit:contain;
    object-position:top center;
  }
  body.site-final .bonus-cards{
    transform:translateY(-26px);
    margin-bottom:16px;
  }
  body.site-final .bonus-cards .feature-card{min-height:104px;}

  /* Stories: day labels and slightly taller journey icons */
  body.site-final .journey-row{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:3px;
    margin-top:1px;
    margin-bottom:12px;
  }
  body.site-final .journey-step{
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:2px;
  }
  body.site-final .journey-row img{
    width:100%;
    max-width:64px;
    height:64px;
    object-fit:cover;
    border-radius:10px;
  }
  body.site-final .journey-row small{
    display:block;
    font:900 6.4px/1 Arial,sans-serif;
    color:#173178;
    text-align:center;
    white-space:nowrap;
  }
  body.site-final .journey-row i{
    flex:0 0 10px;
    font-size:13px;
    line-height:64px;
    color:#f3a400;
  }

  /* Expansion: bigger bottom feature cards/icons, closer to CTA */
  body.site-final .expansion-cards{
    margin-bottom:12px;
  }
  body.site-final .expansion-cards .feature-card{
    height:86px;
    padding:6px 4px;
  }
  body.site-final .expansion-cards .feature-card img{
    width:48px;
    height:48px;
    object-fit:contain;
    border-radius:50%;
  }
  body.site-final .expansion-cards .feature-card h3{font-size:10px;}
  body.site-final .expansion-cards .feature-card p{font-size:6.2px;line-height:1.1;}

  /* Blood: use original bar asset instead of generated CSS bar */
  body.site-final .blood-power{
    height:52px;
    min-height:52px;
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
    padding:0;
    margin:0;
  }
  body.site-final .blood-power:after{display:none;content:none;}
  body.site-final .blood-power h4{
    margin:0 0 2px;
    font-size:12.2px;
    line-height:1;
  }
  body.site-final .blood-power img{
    display:block;
    width:78%;
    height:30px;
    margin:0 auto;
    object-fit:fill;
  }

  /* Rewards: new logo and longer stretchable FAQ */
  body.site-final .rewards-logo{
    width:94%;
    height:auto;
    max-height:72px;
    object-fit:contain;
    margin-top:-2px;
  }
  body.site-final .rewards-content{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }
  body.site-final .reward-hero{height:clamp(116px,18.5dvh,160px);}
  body.site-final .reward-grid article{min-height:98px;}
  body.site-final .faq-list{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    height:auto;
    margin:6px 0 12px;
    overflow:auto;
  }
}

@media (max-height:850px) and (max-width:520px){
  body.site-final .ability-row article{height:92px;min-height:92px;}
  body.site-final .ability-row img{height:58px;}
  body.site-final .compact-cards .feature-card{height:74px;}
  body.site-final .artifact-row{height:58px;}
  body.site-final .council-table{max-height:224px;margin-bottom:-72px;}
  body.site-final .bonus-cards{transform:translateY(-22px);margin-bottom:14px;}
  body.site-final .journey-row img{height:60px;max-width:60px;}
  body.site-final .journey-row i{line-height:60px;}
  body.site-final .expansion-cards .feature-card{height:80px;}
  body.site-final .expansion-cards .feature-card img{width:43px;height:43px;}
  body.site-final .blood-power{height:48px;min-height:48px;}
  body.site-final .blood-power img{height:27px;}
  body.site-final .rewards-logo{max-height:64px;}
}

@media (min-aspect-ratio:1.001/1){
  /* desktop compatibility with new assets */
  body.site-final .global-topbar .brandmark img{width:48px;height:54px;}
  body.site-final .home .founder-strip{grid-template-columns:210px 1fr 180px;}
  body.site-final .home .view-rewards-art{width:172px;height:82px;object-fit:contain;}
  body.site-final .rewards-logo{
    position:absolute;
    top:12px;
    left:50%;
    transform:translateX(-50%);
    width:auto;
    height:118px;
    max-height:118px;
    max-width:60vw;
    object-fit:contain;
    z-index:3;
  }
  body.site-final .journey-step{display:flex;flex-direction:column;align-items:center;gap:4px;}
  body.site-final .journey-row small{font:900 12px/1 Arial,sans-serif;color:#173178;}
  body.site-final .journey-row img{height:66px;}
  body.site-final .blood-power:after{display:none;content:none;}
  body.site-final .blood-power img{display:block;}
}


/* =========================
   Version 11 mobile refinements + i18n UI
   ========================= */
@media (max-aspect-ratio:1/1){
  body.site-final .content{gap:5px;}
  body.site-final .view-rewards-art{width:150px;height:72px;max-width:100%;}
  body.site-final .founder-strip{grid-template-columns:70px 1fr 150px;min-height:62px;}

  /* Council: everything moves up, fan badge in header lane */
  body.site-final .council-content{top:54px;bottom:104px;gap:5px;}
  body.site-final .council .small-pill{position:absolute;top:13px;left:142px;right:104px;margin:0;padding:5px 5px;font-size:8px;line-height:1;border-radius:999px;z-index:22;white-space:nowrap;text-align:center;}
  body.site-final .council .title-wide{max-height:72px;margin-top:-6px;}
  body.site-final .council-ribbon{margin-top:0;}
  body.site-final .ruler-cards article{height:112px;padding:0 3px 4px;overflow:hidden;justify-content:flex-start;}
  body.site-final .ruler-cards img{height:82px;width:100%;object-fit:contain;object-position:center top;margin-bottom:-2px;}
  body.site-final .ruler-cards h3{font-size:9.6px;margin:0;}
  body.site-final .ruler-cards p{font-size:7.6px;margin:0;}
  body.site-final .influence{margin-top:2px;padding:5px 8px 6px;}
  body.site-final .influence h4{font-size:11px;margin-bottom:3px;}
  body.site-final .influence img{height:26px;object-fit:fill;}
  body.site-final .influence div{font-size:12px;}
  body.site-final .influence-note{margin:2px 0 0;font:800 6.6px/1 Arial,sans-serif;color:#173178;}
  body.site-final .council-table{width:158%;max-height:285px;margin:-2px -29% -100px;object-fit:contain;object-position:top center;}
  body.site-final .bonus-cards{transform:translateY(-38px);margin-bottom:10px;gap:5px;}
  body.site-final .bonus-cards .feature-card{min-height:100px;padding:5px 3px 6px;}
  body.site-final .bonus-cards .feature-card img{height:42px;}
  body.site-final .bonus-cards .feature-card h3{font-size:8.2px;}
  body.site-final .bonus-cards .feature-card p{font-size:6.1px;}
  body.site-final .bonus-cards .feature-card strong{font-size:13px;}

  /* Builds */
  body.site-final .item-card small .stat-green,
  body.site-final .stat-green{color:#12a23f;font-weight:900;}
  body.site-final .item-card small{font-size:6.1px;}
  body.site-final .ability-row article{height:108px;min-height:108px;}
  body.site-final .ability-row img{height:70px;object-fit:cover;object-position:center center;}
  body.site-final .artifact-row{position:relative;height:72px;padding-top:24px;margin-top:4px;margin-bottom:12px;}
  body.site-final .artifact-row b{top:3px;}
  body.site-final .artifact-row em{position:absolute;top:17px;left:0;right:0;font:800 6.4px/1 Arial,sans-serif;color:#173178;text-align:center;font-style:normal;}

  /* Stories */
  body.site-final .stories-content{top:58px;bottom:104px;gap:5px;}
  body.site-final .story-stage{height:25%;min-height:178px;}
  body.site-final .choice-box{top:8px;padding:8px 7px 8px;}
  body.site-final .choice-box img{height:30px;margin:5px 0;}
  body.site-final .choice-box span{margin:-26px 0 10px 36px;min-height:17px;display:flex;align-items:center;justify-content:center;font-size:6.8px;line-height:1.05;}
  body.site-final .choice-note{display:block;margin:3px 1px 0;font:700 5.8px/1.1 Arial,sans-serif;color:#243466;text-align:center;}
  body.site-final .story-hero{height:132%;bottom:-44px;}
  body.site-final blockquote{padding:9px 9px 30px;font-size:7.6px;}
  body.site-final blockquote img{width:52px;height:52px;right:-9px;bottom:-14px;}
  body.site-final .shift{height:66px;min-height:66px;padding:5px 10px;}
  body.site-final .shift h4{font-size:9.6px;}
  body.site-final .shift img{width:72%;height:29px;top:26px;}
  body.site-final .shift div{top:29px;}
  body.site-final .fate-cards{margin-top:4px;gap:6px;}
  body.site-final .fate-cards article{height:112px;overflow:visible;background:transparent;box-shadow:none;border-radius:0;}
  body.site-final .fate-cards:has(article) article:after{inset:8px 0 0;border-radius:11px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.64));z-index:1;}
  body.site-final .fate-cards img{height:112px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.24));}
  body.site-final .fate-cards h3{margin:10px 0 42px;font-size:6.7px;}
  body.site-final .fate-cards p{font-size:6px;}
  body.site-final .section-kicker{margin-top:3px;}
  body.site-final .journey-row img{height:66px;max-width:66px;}

  /* Expansion */
  body.site-final .region{background:rgba(8,22,46,.43);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.18);box-shadow:0 3px 10px rgba(0,0,0,.2);cursor:pointer;justify-content:flex-start;}
  body.site-final .region:after{content:'›';margin-left:auto;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);font:900 15px/1 Arial;color:#fff;}
  body.site-final .expansion-cards{margin-top:auto;margin-bottom:10px;gap:6px;}
  body.site-final .expansion-cards .feature-card{height:96px;padding:7px 4px;}
  body.site-final .expansion-cards .feature-card img{width:58px;height:58px;}
  body.site-final .expansion-cards .feature-card h3{font-size:10px;}
  body.site-final .expansion-cards .feature-card p{font-size:6.2px;line-height:1.1;}

  /* Blood */
  body.site-final .blood-heroes{height:214px;object-position:center top;margin-top:3px;}
  body.site-final .blood-power{height:58px;min-height:58px;z-index:3;}
  body.site-final .blood-power img{width:90%;height:36px;object-fit:fill;}
  body.site-final .blood-cards{transform:translateY(-8px);margin-top:0;}
  body.site-final .blood-chips{order:20;margin-top:-6px;margin-bottom:8px;height:32px;}

  /* Rewards */
  body.site-final .reward-hero{border-radius:15px;box-shadow:none;border:0;object-fit:cover;background:transparent;}
  body.site-final .rewards-content{gap:5px;}
  body.site-final .faq-list{margin-bottom:10px;}
}
@media (max-height:850px) and (max-width:520px){
  body.site-final .ability-row article{height:102px;min-height:102px;}
  body.site-final .ability-row img{height:66px;}
  body.site-final .council-table{max-height:265px;margin-bottom:-92px;}
  body.site-final .bonus-cards{transform:translateY(-34px);}
  body.site-final .story-stage{min-height:164px;}
  body.site-final .fate-cards article{height:104px;}
  body.site-final .fate-cards img{height:104px;}
  body.site-final .journey-row img{height:60px;max-width:60px;}
  body.site-final .expansion-cards .feature-card{height:88px;}
  body.site-final .expansion-cards .feature-card img{width:50px;height:50px;}
  body.site-final .blood-heroes{height:198px;}
}
.language-switcher{border-top:1px solid #d8e5fb;margin-top:14px;padding-top:12px}.language-switcher b{display:block;color:#0a236b;margin-bottom:8px;font:900 13px/1 Arial,sans-serif}.language-switcher div{display:flex;flex-wrap:wrap;gap:6px}.language-switcher a{min-width:42px;text-align:center;border:1px solid #cbdcf6;border-radius:999px;padding:7px 9px;text-decoration:none;color:#102a78;background:#fff;font:900 12px/1 Arial,sans-serif}.language-switcher a:hover{background:#eef5ff}.region-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:rgba(3,13,45,.62);opacity:0;pointer-events:none;transition:.18s}.region-modal.open{opacity:1;pointer-events:auto}.region-panel{width:min(92vw,430px);max-height:82dvh;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.36);position:relative}.region-close{position:absolute;right:12px;top:12px;z-index:3;border:0;background:#6532ce;color:#fff;border-radius:999px;width:32px;height:32px;font-size:20px;cursor:pointer}.region-visual{height:190px;position:relative;overflow:hidden}.region-visual:after{content:"";position:absolute;inset:auto 0 0;height:70%;background:linear-gradient(to bottom,transparent,#fff)}.region-visual img{width:100%;height:100%;object-fit:cover}.region-copy{padding:0 18px 18px;margin-top:-22px;position:relative;z-index:2}.region-copy h2{font:900 24px/1 Arial,sans-serif;color:#09266f;margin:0 0 8px}.region-copy p{font:700 13px/1.35 Arial,sans-serif;color:#344366;margin:0}

.privacy-page{background:linear-gradient(180deg,#edf6ff,#fff);min-height:100dvh;overflow:auto}.privacy-doc{max-width:920px;margin:92px auto 40px;padding:32px;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 14px 44px rgba(22,56,120,.16);color:#12235f}.privacy-doc h1{margin:0 0 8px;font:900 42px/1 Arial Black,Arial,sans-serif;color:#0c2576}.privacy-doc h2{margin:22px 0 8px;font:900 20px/1.1 Arial,sans-serif;color:#102a78}.privacy-doc p{font:600 16px/1.55 Arial,sans-serif;color:#34415f}@media(max-width:720px){.privacy-doc{margin:76px 14px 28px;padding:22px}.privacy-doc h1{font-size:32px}.privacy-doc h2{font-size:18px}.privacy-doc p{font-size:14px}}


/* =========================
   Version 12 mobile-only fixes
   ========================= */
@media (max-aspect-ratio:1/1){
  body.site-final .content{bottom:104px;}
  body.site-final .ribbon{white-space:nowrap;overflow:visible;text-overflow:clip;}
  body.site-final:lang(ru) .ribbon,
  body.site-final:lang(de) .ribbon,
  body.site-final:lang(fr) .ribbon,
  body.site-final:lang(es) .ribbon,
  body.site-final:lang(pt) .ribbon{font-size:clamp(8.6px,2.65vw,12px);letter-spacing:-.15px;word-spacing:0;}
  body.site-final:lang(ja) .ribbon,
  body.site-final:lang(ko) .ribbon,
  body.site-final:lang(zh-Hans) .ribbon{font-size:clamp(9px,2.75vw,12.5px);}
  body.site-final .global-cta .cta-overlay b{font-size:clamp(18px,5.4vw,24px);width:72%;white-space:nowrap;line-height:1;top:44%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center;}
  body.site-final .global-cta .cta-overlay small{position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);font-size:8.4px;width:72%;margin:0;text-align:center;white-space:nowrap;}

  /* Home Founder Rewards strip */
  body.site-final .founder-strip{display:grid;grid-template-columns:70px 1fr 150px;align-items:center;gap:8px;min-height:64px;padding:7px 8px 7px 12px;}
  body.site-final .view-rewards-button{position:relative;width:150px;height:70px;border:0;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center;}
  body.site-final .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .view-rewards-text{position:relative;z-index:2;color:#0b2d88;font:900 13px/1.05 Arial,sans-serif;text-align:center;max-width:92px;left:8px;text-shadow:0 1px 0 #fff;}
  body.site-final:lang(de) .view-rewards-text, body.site-final:lang(pt) .view-rewards-text, body.site-final:lang(ru) .view-rewards-text{font-size:10px;max-width:105px;}

  /* Missions companions */
  body.site-final .companions > div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-content:center;align-items:center;width:100%;padding:0 6px;}
  body.site-final .companions span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;}
  body.site-final .companions b{display:none;}
  body.site-final .companions img{width:45px;height:45px;object-fit:cover;border-radius:10px;}
  body.site-final .companions small{font-size:7px;line-height:1.05;white-space:nowrap;margin-top:2px;}

  /* Builds */
  body.site-final .build-hero-zone{height:33%;min-height:206px;}
  body.site-final .item-card.top{top:2px;}
  body.site-final .item-card.bottom{bottom:24px;}
  body.site-final .item-card img{height:40px;}
  body.site-final .ability-row article{height:116px;min-height:116px;}
  body.site-final .ability-row img{height:78px;object-fit:cover;object-position:center center;}
  body.site-final .ability-row small{font-size:6px;line-height:1.05;}
  body.site-final .compact-cards .feature-card{height:80px;}
  body.site-final .artifact-row{height:74px;padding-top:25px;gap:10px;margin-top:5px;margin-bottom:12px;align-items:center;}
  body.site-final .artifact-row em{top:16px;font-size:6.7px;}
  body.site-final .artifact-row span{margin-top:6px;}

  /* Council */
  body.site-final .council-content{top:52px;bottom:104px;gap:4px;}
  body.site-final .council .small-pill{top:10px;left:136px;right:102px;font-size:7.5px;padding:4px 5px;}
  body.site-final .council .title-wide{max-height:74px;margin-top:-8px;}
  body.site-final .ruler-cards article{height:104px;padding:0 2px 3px;}
  body.site-final .ruler-cards img{height:90px;margin-bottom:-16px;object-fit:contain;}
  body.site-final .ruler-cards h3{position:relative;z-index:2;font-size:9.4px;text-shadow:0 1px 0 #fff;}
  body.site-final .ruler-cards p{position:relative;z-index:2;font-size:7.3px;text-shadow:0 1px 0 #fff;}
  body.site-final .influence{padding:4px 8px 5px;}
  body.site-final .influence-note{font-size:6.3px;}
  body.site-final .council-table{width:190%;max-height:325px;margin:-6px -45% -128px;object-fit:contain;object-position:top center;}
  body.site-final .bonus-cards{transform:translateY(-50px);margin-bottom:8px;gap:5px;}
  body.site-final .bonus-cards .feature-card{min-height:98px;padding:5px 3px;}
  body.site-final .bonus-cards .feature-card img{height:40px;}

  /* Stories */
  body.site-final .stories-content{top:56px;bottom:104px;gap:4px;}
  body.site-final .choice-box{padding:7px 7px 7px;}
  body.site-final .choice-box img{height:31px;margin:2px 0 2px;}
  body.site-final .choice-box span{margin:-28px 0 3px 36px;min-height:25px;font-size:6.7px;display:flex;align-items:center;justify-content:center;line-height:1.03;}
  body.site-final .choice-note{margin:2px 1px 0;font-size:5.8px;}
  body.site-final .story-hero{height:132%;bottom:-50px;}
  body.site-final .shift{height:60px;min-height:60px;padding:4px 9px;}
  body.site-final .shift h4{font-size:9.2px;}
  body.site-final .shift img{width:72%;height:28px;top:24px;}
  body.site-final .shift div{top:27px;}
  body.site-final .fate-cards{margin-top:8px;gap:6px;}
  body.site-final .fate-cards article{height:124px;overflow:visible;background:transparent;border:0;box-shadow:none;}
  body.site-final .fate-cards img{height:124px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25));}
  body.site-final .fate-cards h3{margin:12px 0 49px;font-size:6.7px;}
  body.site-final .fate-cards p{font-size:5.8px;}
  body.site-final .journey-row{margin-top:2px;margin-bottom:10px;}
  body.site-final .journey-row img{height:64px;max-width:64px;}

  /* Expansion */
  body.site-final .expansion-cards{margin-top:auto;margin-bottom:8px;gap:6px;}
  body.site-final .expansion-cards .feature-card{height:106px;padding:8px 3px 6px;}
  body.site-final .expansion-cards .feature-card img{width:70px;height:70px;margin-bottom:-4px;}
  body.site-final .expansion-cards .feature-card h3{font-size:9.4px;position:relative;z-index:2;}
  body.site-final .expansion-cards .feature-card p{font-size:5.8px;line-height:1.05;position:relative;z-index:2;}

  /* Blood */
  body.site-final .blood-content{gap:4px;}
  body.site-final .blood-heroes{height:230px;margin-top:8px;object-fit:cover;object-position:center top;}
  body.site-final .blood-power{height:62px;min-height:62px;padding:3px 6px;background:transparent;border:0;box-shadow:none;}
  body.site-final .blood-power h4{font-size:11px;margin-bottom:0;}
  body.site-final .blood-power img{width:92%;height:auto;max-height:42px;object-fit:contain;margin:0 auto;}
  body.site-final .blood-cards{transform:translateY(-14px);margin-bottom:8px;}
  body.site-final .blood-cards .feature-card{min-height:88px;}
  body.site-final .blood-chips{display:none;}

  /* Rewards */
  body.site-final .rewards-logo{display:block;margin-left:auto;margin-right:auto;object-fit:contain;}
  body.site-final .reward-hero{border:0;background:transparent;box-shadow:none;border-radius:18px;object-fit:contain;width:100%;height:clamp(122px,20dvh,170px);}
  body.site-final .faq-list{margin-bottom:10px;}
}
@media (max-height:850px) and (max-width:520px){
  body.site-final .ability-row article{height:108px;min-height:108px;}
  body.site-final .ability-row img{height:72px;}
  body.site-final .council-table{max-height:302px;margin-bottom:-116px;}
  body.site-final .bonus-cards{transform:translateY(-44px);}
  body.site-final .fate-cards article{height:114px;}
  body.site-final .fate-cards img{height:114px;}
  body.site-final .journey-row img{height:58px;max-width:58px;}
  body.site-final .expansion-cards .feature-card{height:98px;}
  body.site-final .expansion-cards .feature-card img{width:60px;height:60px;}
  body.site-final .blood-heroes{height:208px;}
}
body.site-final .language-switcher a.active-lang{background:#efe7ff;border-color:#8c5cff;color:#4a17b8;}


/* ==========================
   VERSION 13 OVERRIDES
   micro-fixes for mobile v13
   ========================== */
body.site-final .header-context-pill{
  position:absolute;
  left:50%;
  top:10px;
  transform:translateX(-50%);
  z-index:30;
  font:900 8px/1 Arial,sans-serif;
  color:#23439b;
  background:rgba(255,255,255,.96);
  border-radius:999px;
  padding:6px 8px;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
body.site-final.council-active .header-context-pill{opacity:1;}
body.site-final .council .small-pill{display:none;}

/* Home */
body.site-final .home .founder-strip{
  grid-template-columns:74px minmax(0,1fr) 170px;
  align-items:center;
  gap:8px;
  min-height:66px;
  padding:7px 10px 7px 10px;
}
body.site-final .home .founder-strip > img:first-child{
  width:70px;
  height:54px;
  object-fit:contain;
  justify-self:center;
  align-self:center;
}
body.site-final .home .founder-strip > span{
  min-width:0;
  align-self:center;
}
body.site-final .home .view-rewards-button{
  position:relative;
  width:170px;
  height:76px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  justify-self:end;
}
body.site-final .home .view-rewards-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}
body.site-final .home .view-rewards-text{
  position:relative;
  z-index:2;
  color:#0b2d88;
  font:900 13px/1.02 Arial,sans-serif;
  text-align:center;
  max-width:118px;
  left:10px;
  text-shadow:0 1px 0 #fff;
  white-space:nowrap;
}
body.site-final:lang(de) .home .view-rewards-text,
body.site-final:lang(pt) .home .view-rewards-text,
body.site-final:lang(ru) .home .view-rewards-text,
body.site-final:lang(fr) .home .view-rewards-text,
body.site-final:lang(es) .home .view-rewards-text{
  font-size:10px;
  max-width:128px;
}
body.site-final:lang(ja) .home .view-rewards-text,
body.site-final:lang(ko) .home .view-rewards-text,
body.site-final:lang(zh) .home .view-rewards-text{
  font-size:12px;
  max-width:118px;
}
body.site-final .home .stats-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  padding:4px 6px;
  align-items:center;
}
body.site-final .home .stats-row > span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  width:100%;
  padding:0 2px;
  border-right:1px solid #dbe3f2;
}
body.site-final .home .stats-row > span:last-child{border-right:0;}
body.site-final .home .stats-row img{flex:0 0 auto;}
body.site-final .home .stats-row b{font-size:15px;line-height:1;}
body.site-final .home .stats-row small{font-size:7.8px;line-height:1.05;text-align:left;display:block;}

/* Missions companions */
body.site-final .missions .mini-panel.companions{padding-left:4px;padding-right:4px;}
body.site-final .missions .companions > div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  justify-items:center;
  align-items:start;
  width:100%;
  padding:0 2px;
}
body.site-final .missions .companions span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  width:100%;
}
body.site-final .missions .companions img{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:10px;
  margin:0 auto;
}
body.site-final .missions .companions small{
  margin-top:2px;
  font-size:6.8px;
  line-height:1.05;
  white-space:nowrap;
  text-align:center;
}

/* Builds */
body.site-final .builds .item-card{overflow:visible;}
body.site-final .builds .item-card::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  height:20px;
  border-radius:999px;
  filter:blur(6px);
  z-index:0;
  opacity:.95;
}
body.site-final .builds .item-card.left.top::before{background:radial-gradient(circle at 50% 50%, rgba(65,220,100,.65) 0%, rgba(65,220,100,.22) 45%, rgba(255,255,255,0) 80%);}
body.site-final .builds .item-card.right.top::before{background:radial-gradient(circle at 50% 50%, rgba(255,175,46,.68) 0%, rgba(255,175,46,.24) 45%, rgba(255,255,255,0) 80%);}
body.site-final .builds .item-card.left.bottom::before{background:radial-gradient(circle at 50% 50%, rgba(255,88,88,.66) 0%, rgba(255,88,88,.23) 45%, rgba(255,255,255,0) 80%);}
body.site-final .builds .item-card.right.bottom::before{background:radial-gradient(circle at 50% 50%, rgba(255,175,46,.68) 0%, rgba(255,175,46,.24) 45%, rgba(255,255,255,0) 80%);}
body.site-final .builds .item-card::after{
  content:attr(data-tier);
  position:absolute;
  top:6px;
  right:6px;
  min-width:28px;
  height:18px;
  padding:0 7px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe6a4,#ffb34a);
  color:#7b3500;
  font:900 9px/18px Arial,sans-serif;
  text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
  z-index:3;
}
body.site-final .builds .jackpot{
  cursor:pointer;
  animation:jackpotPulse 1.8s ease-in-out infinite;
  transform:translateX(-50%) scale(1);
}
@keyframes jackpotPulse{
  0%,100%{transform:translateX(-50%) scale(1);}
  50%{transform:translateX(-50%) scale(1.10);}
}

/* Council */
body.site-final .council .council-table{
  width:116%;
  max-height:142px;
}

/* Stories */
body.site-final .stories .fate-cards{margin-top:14px;gap:6px;}
body.site-final .stories .fate-cards article{
  height:126px;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
body.site-final .stories .fate-cards img{
  height:126px;
  object-fit:contain;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.25));
}
body.site-final .stories .fate-cards:has(article) article:after{
  content:"";
  position:absolute;
  inset:12px 0 0;
  border-radius:12px;
  background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.72));
  z-index:1;
}
body.site-final .stories .fate-cards h3{
  position:absolute;
  left:4px;
  right:4px;
  bottom:24px;
  margin:0;
  font-size:6.9px;
  line-height:1.02;
}
body.site-final .stories .fate-cards p{
  position:absolute;
  left:4px;
  right:4px;
  bottom:5px;
  margin:0;
  font-size:5.8px;
  line-height:1.05;
}

/* Expansion */
body.site-final .expansion .expansion-cards{margin-top:auto;margin-bottom:8px;gap:6px;}
body.site-final .expansion .expansion-cards .feature-card{
  height:106px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr auto;
  text-align:center;
  align-items:center;
  justify-items:center;
  padding:8px 3px 6px;
}
body.site-final .expansion .expansion-cards .feature-card h3{
  order:1;
  font-size:9.2px;
  margin:0 0 3px;
  position:relative;
  z-index:2;
}
body.site-final .expansion .expansion-cards .feature-card img{
  order:2;
  width:60px;
  height:60px;
  margin:0;
  object-fit:cover;
  border-radius:50%;
}
body.site-final .expansion .expansion-cards .feature-card p{
  order:3;
  font-size:5.8px;
  line-height:1.05;
  margin:3px 0 0;
  position:relative;
  z-index:2;
}

/* Blood */
body.site-final .blood .blood-heroes{
  height:228px;
  margin-top:16px;
  object-position:center top;
}
body.site-final .blood .blood-power{margin-top:4px;}
body.site-final .blood .blood-power img{
  width:150%;
  max-width:none;
  height:32px;
  margin-left:-25%;
  object-fit:contain;
}

/* Rewards */
body.site-final .rewards .rewards-logo{display:block;margin-left:auto;margin-right:auto;}
body.site-final .rewards .reward-hero{
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:18px;
  object-fit:contain;
  width:115%;
  max-width:none;
  margin-left:-7.5%;
  height:clamp(142px,23dvh,198px);
}

/* Jackpot modal */
.jackpot-modal{
  position:fixed;
  inset:0;
  z-index:145;
  display:grid;
  place-items:center;
  background:rgba(3,13,45,.62);
  opacity:0;
  pointer-events:none;
  transition:.18s;
}
.jackpot-modal.open{opacity:1;pointer-events:auto;}
.jackpot-panel{
  width:min(92vw,430px);
  max-height:82dvh;
  overflow:auto;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.36);
  position:relative;
  padding:18px 18px 16px;
}
.jackpot-close{
  position:absolute;
  right:12px;
  top:12px;
  z-index:3;
  border:0;
  background:#6532ce;
  color:#fff;
  border-radius:999px;
  width:32px;
  height:32px;
  font-size:20px;
  cursor:pointer;
}
.jackpot-panel h2{margin:0 36px 8px 0;font:900 24px/1 Arial,sans-serif;color:#09266f;}
.jackpot-lead{margin:0 0 10px;font:800 13px/1.35 Arial,sans-serif;color:#344366;}
.jackpot-list{margin:0;padding-left:18px;display:grid;gap:8px;}
.jackpot-list li{font:700 12px/1.35 Arial,sans-serif;color:#24345f;}

@media (max-width:360px){
  body.site-final .home .founder-strip{grid-template-columns:68px minmax(0,1fr) 158px;gap:6px;padding-left:8px;padding-right:8px;}
  body.site-final .home .view-rewards-button{width:158px;height:72px;}
  body.site-final .home .view-rewards-text{font-size:11px;max-width:110px;}
  body.site-final .missions .companions > div{gap:5px;}
  body.site-final .missions .companions img{width:40px;height:40px;}
  body.site-final .expansion .expansion-cards .feature-card{height:100px;}
  body.site-final .stories .fate-cards article{height:118px;}
  body.site-final .stories .fate-cards img{height:118px;}
}


/* ==========================
   VERSION 14 OVERRIDES
   stronger fixes for Founder Rewards, companions, Council table, Blood bar
   ========================== */

/* Home: founder rewards row - real centering and readable button */
body.site-final .home .founder-strip{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 154px;
  align-items:center;
  gap:8px;
  min-height:62px;
  height:62px;
  padding:6px 8px;
  overflow:hidden;
}
body.site-final .home .founder-strip > img:first-child{
  width:62px;
  height:50px;
  object-fit:contain;
  justify-self:center;
  align-self:center;
  margin:0;
}
body.site-final .home .founder-strip > span{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  text-align:left;
  line-height:1;
  overflow:hidden;
}
body.site-final .home .founder-strip > span b{
  display:block;
  font-size:13px;
  line-height:.95;
  margin:0 0 2px;
  white-space:normal;
}
body.site-final .home .founder-strip > span small{
  display:block;
  font-size:7.4px;
  line-height:1.05;
  margin:0;
  max-height:18px;
  overflow:hidden;
}
body.site-final .home .view-rewards-button{
  width:154px;
  height:49px;
  aspect-ratio:363/116;
  justify-self:end;
  align-self:center;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  position:relative;
  display:grid;
  place-items:center;
  overflow:visible;
}
body.site-final .home .view-rewards-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  z-index:1;
}
body.site-final .home .view-rewards-text{
  position:relative;
  z-index:2;
  left:0;
  top:0;
  transform:none;
  width:100px;
  max-width:100px;
  margin:0 10px 0 0;
  color:#09266f;
  font:900 12px/1.02 Arial,sans-serif;
  text-align:center;
  white-space:normal;
  overflow:visible;
  text-shadow:0 1px 0 #fff;
}
body.site-final:lang(de) .home .view-rewards-text,
body.site-final:lang(pt) .home .view-rewards-text,
body.site-final:lang(ru) .home .view-rewards-text,
body.site-final:lang(fr) .home .view-rewards-text,
body.site-final:lang(es) .home .view-rewards-text{
  font-size:9px;
  line-height:1.02;
}
body.site-final:lang(ja) .home .view-rewards-text,
body.site-final:lang(ko) .home .view-rewards-text,
body.site-final:lang(zh) .home .view-rewards-text{
  font-size:10.5px;
}
body.site-final .home .stats-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:0;
  padding:4px 8px;
  width:100%;
  height:42px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}
body.site-final .home .stats-row > span{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  justify-content:center;
  justify-items:start;
  column-gap:5px;
  padding:0 4px;
  border-right:1px solid #dbe3f2;
}
body.site-final .home .stats-row > span:last-child{border-right:0;}
body.site-final .home .stats-row img{
  width:22px;
  height:22px;
  object-fit:contain;
  margin:0;
}
body.site-final .home .stats-row b{font-size:15px;line-height:1;margin:0;}
body.site-final .home .stats-row small{font-size:7.2px;line-height:1.05;text-align:left;margin:0;}

/* Missions: companions fit inside without overlap, centered */
body.site-final .missions .mini-panel.companions{
  padding-left:5px;
  padding-right:5px;
  overflow:hidden;
}
body.site-final .missions .companions > div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:3px;
  width:100%;
  padding:0;
  justify-items:center;
  align-items:start;
  overflow:visible;
}
body.site-final .missions .companions span{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
body.site-final .missions .companions img{
  width:38px;
  height:38px;
  object-fit:cover;
  border-radius:8px;
  margin:0 auto;
}
body.site-final .missions .companions small{
  font-size:6.2px;
  line-height:1;
  white-space:nowrap;
  margin-top:2px;
  text-align:center;
}

/* Builds: smaller, tighter T3/T4 badges */
body.site-final .builds .item-card::after{
  min-width:18px;
  height:14px;
  padding:0 4px;
  top:5px;
  right:5px;
  border-radius:999px;
  font:900 7px/14px Arial,sans-serif;
  background:linear-gradient(180deg,#ffe29b,#ffb04a);
}
body.site-final .builds .item-card.left.top::before{opacity:1;filter:blur(7px);}
body.site-final .builds .item-card.right.top::before{opacity:1;filter:blur(7px);}
body.site-final .builds .item-card.left.bottom::before{opacity:1;filter:blur(7px);}
body.site-final .builds .item-card.right.bottom::before{opacity:1;filter:blur(7px);}

/* Council: table must be larger than v12/v13, spanning beyond screen sides */
body.site-final .council .council-table{
  width:142%;
  max-width:none;
  max-height:272px;
  height:auto;
  margin:-6px -21% -105px;
  object-fit:contain;
  object-position:top center;
  transform:translateY(-2px);
  z-index:0;
}
body.site-final .council .bonus-cards{
  transform:translateY(-20px);
  margin-bottom:14px;
  position:relative;
  z-index:2;
}

/* Blood: show original 80% bar in a taller crop, not squeezed by the asset's transparent bottom */
body.site-final .blood .blood-power{
  height:74px;
  min-height:74px;
  padding:4px 8px 0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
body.site-final .blood .blood-power h4{
  font-size:13px;
  line-height:1;
  margin:0 0 0;
}
body.site-final .blood .blood-bar-crop{
  width:88%;
  height:48px;
  margin:0 auto;
  overflow:hidden;
  display:block;
  position:relative;
}
body.site-final .blood .blood-bar-crop img{
  width:100%;
  height:auto;
  max-width:none;
  min-height:0;
  object-fit:contain;
  object-position:top center;
  display:block;
  margin:0 auto;
  transform:translateY(0);
}
body.site-final .blood .blood-cards{
  transform:translateY(-8px);
  margin-top:0;
}

@media (max-width:360px){
  body.site-final .home .founder-strip{
    grid-template-columns:58px minmax(0,1fr) 142px;
    gap:6px;
  }
  body.site-final .home .view-rewards-button{width:142px;height:45px;}
  body.site-final .home .view-rewards-text{width:92px;max-width:92px;font-size:10px;}
  body.site-final .home .founder-strip > img:first-child{width:56px;height:46px;}
  body.site-final .home .founder-strip > span b{font-size:12px;}
  body.site-final .missions .companions img{width:35px;height:35px;}
  body.site-final .missions .companions > div{gap:2px;}
  body.site-final .council .council-table{max-height:252px;margin-bottom:-96px;}
}


/* Version 14 final council table width correction */
body.site-final .council .council-table{
  width:144%;
  height:258px;
  max-height:258px;
  object-fit:cover;
  object-position:top center;
  margin:-6px -22% -104px;
}
@media (max-width:360px){
  body.site-final .council .council-table{
    height:238px;
    max-height:238px;
    margin-bottom:-94px;
  }
}


/* =========================
   Version 15 mobile fixes
   Screens: Home, Builds, Council, Blood only
   ========================= */
@media (max-aspect-ratio:1/1){
  /* Home: show full stats row just above fixed CTA without changing hero/cards */
  body.site-final .home .stats-row{
    position:relative;
    z-index:8;
    transform:translateY(-16px);
    margin-top:5px;
    margin-bottom:0;
  }
  body.site-final .home .founder-strip{
    position:relative;
    z-index:9;
    margin-top:6px;
  }

  /* Builds: lift only the Artifacts strip and make T3/T4 badges compact */
  body.site-final .builds .artifact-row{
    position:relative;
    z-index:9;
    transform:translateY(-16px);
    margin-bottom:4px;
  }
  body.site-final .builds .item-card::after{
    min-width:15px;
    width:auto;
    height:11px;
    padding:0 3px;
    top:5px;
    right:5px;
    border-radius:7px;
    font:900 6px/11px Arial,sans-serif;
    letter-spacing:0;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
  }

  /* Council: show the table as a background layer, not a cropped block */
  body.site-final .council .canvas:after{display:none;}
  body.site-final .council .council-content{
    overflow:visible;
  }
  body.site-final .council .council-table{
    width:144%;
    height:286px;
    max-height:286px;
    max-width:none;
    object-fit:contain;
    object-position:top center;
    margin:-7px -22% -98px;
    position:relative;
    z-index:0;
    transform:none;
    display:block;
  }
  body.site-final .council .bonus-cards{
    position:relative;
    z-index:3;
    transform:translateY(-12px);
    margin-bottom:10px;
  }
  body.site-final .council .bonus-cards .feature-card{
    background:rgba(255,255,255,.92);
  }

  /* Blood: allocate real height to the 80% bar and overlay it on the lawn image */
  body.site-final .blood .blood-heroes{
    height:264px;
    margin-top:10px;
    margin-bottom:0;
    object-fit:cover;
    object-position:center top;
  }
  body.site-final .blood .blood-power{
    width:100%;
    height:62px;
    min-height:62px;
    margin-top:-62px;
    margin-bottom:4px;
    padding:0 6px;
    position:relative;
    z-index:5;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
  }
  body.site-final .blood .blood-power h4{
    font-size:13px;
    line-height:1;
    margin:0 0 1px;
    text-shadow:0 2px 0 #fff,0 0 5px #fff;
  }
  body.site-final .blood .blood-bar-crop{
    width:78%;
    height:36px;
    margin:0 auto;
    overflow:hidden;
    display:block;
    position:relative;
    background-image:url('/assets/madboys.screen.07.blood/07%20-%20bd_ico_bar.webp');
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top center;
  }
  body.site-final .blood .blood-bar-crop img{
    opacity:0;
    display:block;
    width:100%;
    height:36px;
    max-width:none;
    object-fit:fill;
  }
  body.site-final .blood .blood-cards{
    position:relative;
    z-index:6;
    transform:translateY(-24px);
    margin-top:0;
    margin-bottom:0;
  }
}

@media (max-height:850px) and (max-width:520px){
  body.site-final .home .stats-row{transform:translateY(-14px);}
  body.site-final .builds .artifact-row{transform:translateY(-14px);}
  body.site-final .council .council-table{
    height:268px;
    max-height:268px;
    margin-bottom:-90px;
  }
  body.site-final .council .bonus-cards{transform:translateY(-10px);margin-bottom:8px;}
  body.site-final .blood .blood-heroes{height:252px;margin-top:8px;}
  body.site-final .blood .blood-power{margin-top:-60px;}
  body.site-final .blood .blood-cards{transform:translateY(-22px);}
}


/* =========================
   Version 16 mobile fixes
   Only screens: Home and Builds
   ========================= */
@media (max-aspect-ratio:1/1){
  /* Screen 1: return the stats strip fully above the fixed CTA */
  body.site-final .home .content{
    bottom:60px;
  }
  body.site-final .home .founder-strip{
    margin-top:5px;
    margin-bottom:0;
  }
  body.site-final .home .stats-row{
    display:grid;
    visibility:visible;
    opacity:1;
    height:42px;
    min-height:42px;
    margin-top:4px;
    margin-bottom:10px;
    transform:translateY(-34px);
    position:relative;
    z-index:12;
  }

  /* Builds: compact the 3 lower cards and let Artifacts sit lower, safely above CTA */
  body.site-final .builds .compact-cards{
    margin-top:4px;
    margin-bottom:0;
    gap:8px;
  }
  body.site-final .builds .compact-cards .feature-card{
    height:62px;
    min-height:62px;
    padding:5px 4px 4px;
    display:grid;
    grid-template-rows:16px 14px 26px;
    align-items:center;
    justify-items:center;
    overflow:hidden;
  }
  body.site-final .builds .compact-cards .feature-card h3{
    font-size:12px;
    line-height:1;
    margin:0;
  }
  body.site-final .builds .compact-cards .feature-card p{
    font-size:7px;
    line-height:1;
    margin:0;
    text-transform:none;
  }
  body.site-final .builds .compact-cards .feature-card img{
    height:26px;
    max-height:26px;
    width:auto;
    object-fit:contain;
    margin:0;
  }
  body.site-final .builds .artifact-row{
    transform:translateY(6px);
    margin-top:9px;
    margin-bottom:16px;
    height:72px;
    position:relative;
    z-index:9;
  }
  body.site-final .builds .item-card::after{
    min-width:15px;
    height:11px;
    padding:0 3px;
    font:900 6px/11px Arial,sans-serif;
    border-radius:7px;
  }
}

@media (max-height:850px) and (max-width:520px){
  body.site-final .home .stats-row{
    transform:translateY(-38px);
    margin-bottom:8px;
  }
  body.site-final .builds .compact-cards .feature-card{
    height:60px;
    min-height:60px;
    grid-template-rows:15px 13px 25px;
  }
  body.site-final .builds .compact-cards .feature-card img{
    height:25px;
    max-height:25px;
  }
  body.site-final .builds .artifact-row{
    transform:translateY(4px);
    margin-bottom:14px;
  }
}


/* =========================
   Version 17 mobile fixes
   Screens: Home, Builds, Blood, Rewards
   ========================= */
@media (max-aspect-ratio:1/1){
  /* Screen 1 / Home: remove the problematic stats strip in mobile */
  body.site-final .home .stats-row{
    display:none;
    visibility:hidden;
    opacity:0;
    height:0;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    box-shadow:none;
    overflow:hidden;
  }
  body.site-final .home .founder-strip{
    margin-top:8px;
    margin-bottom:8px;
    position:relative;
    z-index:9;
  }

  /* Screen Builds: reduce vertical gaps, enlarge gear cards slightly, keep Artifacts clear of CTA */
  body.site-final .builds .content{
    bottom:66px;
  }
  body.site-final .builds .build-hero-zone{
    min-height:246px;
  }
  body.site-final .builds .item-card{
    min-height:92px;
    padding:6px 5px 6px;
  }
  body.site-final .builds .item-card.top{top:6px;}
  body.site-final .builds .item-card.bottom{bottom:16px;}
  body.site-final .builds .item-card img{
    width:64px;
    height:50px;
  }
  body.site-final .builds .ability-row{
    margin:2px 0 3px;
  }
  body.site-final .builds .compact-cards{
    margin-top:2px;
    margin-bottom:0;
    gap:4px;
  }
  body.site-final .builds .artifact-row{
    transform:none;
    margin-top:4px;
    margin-bottom:8px;
    height:70px;
    position:relative;
    z-index:9;
  }
  body.site-final .builds .artifact-row b{top:2px;}

  /* Screen Blood: equalize the top 1/2/3 cards and shift the hero lawn block slightly downward */
  body.site-final .blood .process-row{
    margin-top:8px;
    align-items:stretch;
  }
  body.site-final .blood .process-row article{
    min-height:120px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:8px 4px 6px;
  }
  body.site-final .blood .process-row img{
    width:80px;
    height:70px;
  }
  body.site-final .blood .blood-heroes{
    margin-top:16px;
    height:270px;
  }
  body.site-final .blood .blood-power{
    margin-top:-56px;
  }
  body.site-final .blood .blood-cards{
    transform:translateY(-18px);
    margin-top:0;
  }

  /* Screen Rewards: unify vertical spacing between the lower content rows */
  body.site-final .rewards .reward-grid{
    margin-top:8px;
    margin-bottom:8px;
  }
  body.site-final .rewards .benefits-row{
    margin-top:8px;
    margin-bottom:8px;
  }
  body.site-final .rewards .faq-list{
    margin-top:8px;
  }
}

@media (max-height:850px) and (max-width:520px){
  body.site-final .builds .content{bottom:64px;}
  body.site-final .builds .build-hero-zone{min-height:234px;}
  body.site-final .builds .item-card{min-height:88px;}
  body.site-final .builds .item-card.bottom{bottom:14px;}
  body.site-final .builds .artifact-row{height:68px; margin-bottom:6px;}

  body.site-final .blood .process-row article{min-height:114px;}
  body.site-final .blood .blood-heroes{height:258px; margin-top:14px;}
  body.site-final .blood .blood-power{margin-top:-54px;}
}

/* =========================
   Version 18 DESKTOP ONLY
   Full desktop poster layouts. Mobile untouched.
   ========================= */
@media (min-aspect-ratio:1.001/1){
  body.site-final{background:#eef6ff;}
  body.site-final .global-topbar{
    position:fixed;top:0;left:0;right:0;transform:none;width:100%;height:56px;
    padding:0 34px;background:rgba(255,255,255,.96);box-shadow:0 2px 12px rgba(7,29,82,.10);
    backdrop-filter:blur(8px);z-index:100;
  }
  body.site-final .global-topbar .brandmark{width:170px;gap:8px;}
  body.site-final .global-topbar .brandmark img{width:42px;height:48px;object-fit:contain;}
  body.site-final .global-topbar .brandmark b{font-size:25px;line-height:.85;}
  body.site-final .global-topbar .brandmark small{font-size:11px;letter-spacing:1px;}
  body.site-final .desktop-nav{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:28px;white-space:nowrap;align-items:center;}
  body.site-final .desktop-nav a{font:900 15px/1 Arial,sans-serif;padding:20px 0 18px;color:#071358;text-decoration:none;}
  body.site-final .desktop-nav a.active{color:#0647ff;}
  body.site-final .desktop-nav a.active::after{bottom:3px;height:6px;width:62px;}
  body.site-final .desktop-nav a.active::before{bottom:-4px;font-size:12px;}
  body.site-final .global-topbar .top-actions{gap:12px;}
  body.site-final .global-topbar .round-icon{width:40px;height:40px;}
  body.site-final .header-context-pill{top:50%;left:50%;transform:translate(-50%,-50%);height:26px;font-size:11px;padding:6px 18px;}

  body.site-final .screen{position:relative;height:100vh;min-height:720px;max-height:none;padding:0;display:block;overflow:hidden;}
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
  body.site-final .canvas:after{display:none;}
  body.site-final .canvas::before{content:"";position:absolute;inset:56px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.12),rgba(255,255,255,0) 40%,rgba(255,255,255,.35) 100%);}
  body.site-final .bg{display:none;}
  body.site-final .content{position:absolute;left:50%;right:auto;top:56px;bottom:auto;transform:translateX(-50%);width:min(1440px,100vw);height:calc(100vh - 56px);display:block;max-width:1440px;}

  body.site-final .home .canvas{background-image:url('/assets/madboys.screen.01.home/1%20-%20mb_back2h.webp');}
  body.site-final .missions .canvas{background-image:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh2.webp');}
  body.site-final .builds .canvas{background-image:url('/assets/madboys.screen.03.builds/02%20-%20bd_backh.webp');}
  body.site-final .council .canvas{background-image:url('/assets/madboys.screen.04.council/21%20-%20cn_back2h.webp');}
  body.site-final .stories .canvas{background-image:url('/assets/madboys.screen.05.stories/04%20-%20st_backh.webp');}
  body.site-final .expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final .blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final .rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}

  body.site-final .title-wide, body.site-final .rewards-logo, body.site-final .blood-logo{
    position:absolute;left:50%;top:12px;transform:translateX(-50%);width:auto;height:86px;max-height:90px;max-width:740px;object-fit:contain;z-index:20;margin:0;
  }
  body.site-final .ribbon{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:min(760px,54vw);height:34px;min-height:34px;margin:0;padding:0 26px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;font-size:clamp(18px,1.5vw,22px);line-height:1;border-radius:999px;z-index:20;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 12%,rgba(255,255,255,.96) 88%,transparent 100%);}
  body.site-final .feature-card, body.site-final .mini-panel, body.site-final .founder-strip, body.site-final .stats-row, body.site-final .chips-row, body.site-final .influence, body.site-final .faq-list, body.site-final .reward-grid article, body.site-final .process-row article, body.site-final .choice-box, body.site-final blockquote, body.site-final .shift, body.site-final .benefits-row, body.site-final .map-pills, body.site-final .expansion-cards .feature-card{
    background:rgba(255,255,255,.91);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.70);box-shadow:0 10px 24px rgba(11,36,90,.16);box-sizing:border-box;
  }
  body.site-final .feature-card h3{font-size:clamp(14px,1.1vw,18px);line-height:1.06;}
  body.site-final .feature-card p{font-size:clamp(11px,.9vw,14px);line-height:1.18;}

  body.site-final .global-cta{position:fixed;z-index:30;width:500px;height:70px;aspect-ratio:auto;left:auto;right:80px;bottom:28px;top:auto;transform:none;background:none;border:0;box-shadow:none;padding:0;}
  body.site-final .global-cta:before{display:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 8px 14px rgba(28,39,94,.24));}
  body.site-final .global-cta .cta-overlay{left:15%;right:15%;width:70%;}
  body.site-final .global-cta .cta-overlay b{font-size:clamp(24px,2vw,30px);line-height:.95;white-space:nowrap;}
  body.site-final .global-cta .cta-overlay small{font-size:11px;top:67%;}
  body.site-final[data-current="home"] .global-cta{left:calc((100vw - min(1440px,100vw))/2 + 640px);right:auto;top:600px;bottom:auto;width:610px;height:78px;}
  body.site-final[data-current="missions"] .global-cta{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:520px;height:70px;}
  body.site-final[data-current="builds"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 90px);bottom:28px;width:500px;height:70px;}
  body.site-final[data-current="council"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 85px);bottom:34px;width:560px;height:74px;}
  body.site-final[data-current="stories"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 90px);bottom:28px;width:390px;height:72px;}
  body.site-final[data-current="expansion"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 85px);bottom:28px;width:430px;height:72px;}
  body.site-final[data-current="blood"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 90px);bottom:28px;width:570px;height:72px;}
  body.site-final[data-current="rewards"] .global-cta{right:calc((100vw - min(1440px,100vw))/2 + 105px);bottom:24px;width:620px;height:72px;}

  /* HOME */
  body.site-final .home .title-madboys{position:absolute;left:70px;top:44px;width:560px;height:auto;max-height:150px;margin:0;transform:none;z-index:20;}
  body.site-final .home .gold-title{position:absolute;left:95px;top:166px;width:480px;margin:0;text-align:center;font-size:clamp(36px,3vw,50px);line-height:1;z-index:20;}
  body.site-final .home .hero-slogan{position:absolute;left:95px;top:236px;width:480px;margin:0;text-align:center;font-size:clamp(22px,1.7vw,28px);line-height:1.16;background:transparent;border:0;box-shadow:none;padding:0;z-index:20;}
  body.site-final .home .hero-team{position:absolute;left:520px;top:108px;width:500px;height:300px;max-height:none;object-fit:contain;margin:0;z-index:3;}
  body.site-final .home-cards{position:absolute;left:78px;top:266px;width:410px;display:flex;flex-direction:column;gap:12px;margin:0;z-index:10;}
  body.site-final .home-cards .feature-card{width:410px;height:78px;min-height:78px;display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center;text-align:left;padding:7px 18px 7px 8px;border-radius:20px;}
  body.site-final .home-cards .feature-card img{width:145px;height:64px;object-fit:cover;border-radius:14px;}
  body.site-final .home-cards .feature-card h3{font-size:22px;margin:0 0 5px;}
  body.site-final .home-cards .feature-card p{font-size:14px;line-height:1.15;margin:0;}
  body.site-final .home .founder-strip{position:absolute;left:640px;top:306px;width:610px;height:118px;margin:0;display:grid;grid-template-columns:150px 1fr 190px;gap:20px;align-items:center;padding:16px 28px;border-radius:22px;z-index:10;}
  body.site-final .home .founder-strip > img:first-child{width:130px;height:90px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:24px;line-height:1.05;}
  body.site-final .home .founder-strip small{font-size:16px;line-height:1.18;}
  body.site-final .home .view-rewards-button{width:178px;height:66px;position:relative;background:transparent;border:0;padding:0;}
  body.site-final .home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .home .view-rewards-text{position:absolute;z-index:2;left:20px;right:34px;top:50%;transform:translateY(-50%);font:900 18px/1 Arial,sans-serif;color:#09266f;text-align:center;}
  body.site-final .home .stats-row{position:absolute;display:grid;visibility:visible;opacity:1;left:640px;top:446px;width:610px;height:76px;margin:0;padding:8px 20px;grid-template-columns:repeat(3,1fr);border-radius:20px;z-index:10;}
  body.site-final .home .stats-row span{display:flex;align-items:center;justify-content:center;gap:10px;}
  body.site-final .home .stats-row img{width:44px;height:44px;object-fit:contain;}
  body.site-final .home .stats-row b{font-size:30px;}
  body.site-final .home .stats-row small{font-size:13px;line-height:1.08;}

  /* MISSIONS */
  body.site-final .missions .mission-scene{display:block;position:absolute;left:280px;top:131px;width:850px;height:360px;min-height:0;background:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh2.webp') center center/cover no-repeat;border-radius:0;box-shadow:none;z-index:2;}
  body.site-final .missions .mission-scene::before, body.site-final .missions .mission-scene::after{display:none;content:none;}
  body.site-final .missions .content::before{content:"MISSION\A OBJECTIVE\A\A◆ DEFEAT THE\A DARK WARLORD\A\ADefeat the boss\Aand survive 10 turns.";white-space:pre;position:absolute;left:50px;top:156px;width:230px;height:210px;padding:22px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(11,36,90,.16);font:900 20px/1.15 Arial,sans-serif;color:#11216e;z-index:12;}
  body.site-final .missions .content::after{content:"TURN\A 01/10\A\A NEXT UP\A PLAYER TURN";white-space:pre;position:absolute;right:70px;top:156px;width:190px;height:210px;padding:24px 18px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(11,36,90,.16);text-align:center;font:900 24px/1.08 Arial,sans-serif;color:#10256b;z-index:12;}
  body.site-final .missions .chips-row{position:absolute;left:320px;top:481px;width:800px;height:40px;margin:0;padding:3px 12px;display:grid;grid-template-columns:repeat(5,1fr);border-radius:999px;z-index:12;}
  body.site-final .missions .chips-row span{font-size:13px;gap:7px;}
  body.site-final .missions .chips-row img{width:24px;height:24px;}
  body.site-final .missions .mission-cards{position:absolute;left:48px;bottom:112px;width:51%;height:116px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;z-index:12;}
  body.site-final .missions .mission-cards .feature-card{height:116px;min-height:116px;padding:12px;border-radius:18px;}
  body.site-final .missions .mission-cards .feature-card img{height:48px;width:auto;object-fit:contain;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:15px;margin:3px 0;}
  body.site-final .missions .mission-cards .feature-card p{font-size:11px;line-height:1.1;}
  body.site-final .missions .split-panels{position:absolute;right:48px;bottom:112px;width:41%;height:116px;display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin:0;z-index:12;}
  body.site-final .missions .mini-panel{height:116px;padding:12px;border-radius:18px;}
  body.site-final .missions .mini-panel h4{font-size:15px;margin-bottom:8px;}
  body.site-final .missions .steps img{width:36px;height:36px;}
  body.site-final .missions .steps span{font-size:10px;}
  body.site-final .missions .steps i{font-size:22px;}
  body.site-final .missions .companions img{width:54px;height:54px;object-fit:cover;}
  body.site-final .missions .companions small{font-size:10px;}

  /* BUILDS */
  body.site-final .build-hero-zone{position:absolute;left:90px;top:136px;width:600px;height:500px;min-height:0;border-radius:24px;background:rgba(5,31,85,.48);border:2px solid rgba(239,174,24,.75);box-shadow:0 14px 36px rgba(0,28,80,.22);overflow:hidden;}
  body.site-final .build-hero{position:absolute;left:50%;top:62px;height:360px;width:230px;object-fit:contain;transform:translateX(-50%);z-index:3;}
  body.site-final .builds .item-card{width:150px;height:180px;min-height:180px;border-radius:18px;padding:14px 10px;}
  body.site-final .builds .item-card.left{left:22px}.builds .item-card.right{right:22px}
  body.site-final .builds .item-card.top{top:22px}.builds .item-card.bottom{bottom:22px}
  body.site-final .builds .item-card img{width:108px;height:88px;}
  body.site-final .builds .item-card b{font-size:17px;margin-top:6px;}
  body.site-final .builds .item-card small{font-size:12px;line-height:1.1;}
  body.site-final .builds .item-card::after{min-width:24px;height:18px;font:900 10px/18px Arial,sans-serif;}
  body.site-final .builds .jackpot{width:132px;height:132px;left:50%;bottom:80px;transform:translateX(-50%);z-index:5;}
  body.site-final .builds .ability-row{position:absolute;right:90px;top:136px;width:660px;height:230px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;margin:0;z-index:10;}
  body.site-final .builds .ability-row article{height:109px;min-height:109px;border-radius:18px;}
  body.site-final .builds .ability-row img{height:64px;object-fit:cover;}
  body.site-final .builds .ability-row b{font-size:16px;margin-top:4px;}
  body.site-final .builds .ability-row small{font-size:12px;}
  body.site-final .builds .compact-cards{position:absolute;right:90px;top:382px;width:660px;height:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;z-index:10;}
  body.site-final .builds .compact-cards .feature-card{height:82px;min-height:82px;padding:10px;display:grid;grid-template-rows:auto auto 40px;}
  body.site-final .builds .compact-cards .feature-card h3{font-size:16px;margin:0;}
  body.site-final .builds .compact-cards .feature-card p{font-size:11px;text-transform:none;margin:0;}
  body.site-final .builds .compact-cards .feature-card img{height:36px;object-fit:contain;}
  body.site-final .builds .artifact-row{position:absolute;right:90px;top:476px;width:660px;height:72px;margin:0;padding:24px 28px 10px;gap:18px;z-index:10;}
  body.site-final .builds .artifact-row b{font-size:18px;top:5px;}
  body.site-final .builds .artifact-row em{position:absolute;left:130px;right:130px;top:27px;font:800 12px/1 Arial,sans-serif;text-align:center;}
  body.site-final .builds .artifact-row span{width:48px;height:42px;flex:0 0 48px;}
  body.site-final .builds .artifact-row img{max-width:40px;max-height:36px;}

  /* COUNCIL */
  body.site-final .council .small-pill{position:absolute;top:0;left:50%;transform:translateX(-50%);width:230px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0;z-index:21;}
  body.site-final .council .title-wide{top:26px;height:86px;}
  body.site-final .council .ribbon{top:109px;}
  body.site-final .ruler-cards{position:absolute;left:85px;top:166px;width:600px;height:135px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:10;}
  body.site-final .ruler-cards article{height:135px;min-height:130px;border-radius:18px;padding:7px 8px 8px;}
  body.site-final .ruler-cards img{height:82px;width:100%;object-fit:contain;}
  body.site-final .ruler-cards h3{font-size:15px;margin:4px 0 2px;}
  body.site-final .ruler-cards p{font-size:13px;margin:0;}
  body.site-final .council .influence{position:absolute;left:85px;top:319px;width:600px;height:74px;padding:8px 22px;margin:0;z-index:10;}
  body.site-final .council .influence h4{font-size:16px;margin:0 0 5px;}
  body.site-final .council .influence img{height:30px;object-fit:fill;}
  body.site-final .council .influence div{font-size:18px;}
  body.site-final .council .influence-note{font-size:11px;margin:2px 0 0;}
  body.site-final .council-table{position:absolute;left:85px;top:411px;width:600px;height:230px;max-height:230px;margin:0;object-fit:contain;z-index:5;}
  body.site-final .bonus-cards{position:absolute;right:85px;top:196px;width:600px;height:260px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;margin:0;transform:none;z-index:10;}
  body.site-final .bonus-cards .feature-card{height:122px;min-height:122px;display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;gap:8px;text-align:left;align-items:center;padding:12px 16px;border-radius:20px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/3;width:82px;height:82px;object-fit:contain;}
  body.site-final .bonus-cards .feature-card h3{font-size:16px;margin:0;}
  body.site-final .bonus-cards .feature-card p{font-size:12px;line-height:1.15;margin:0;}
  body.site-final .bonus-cards .feature-card strong{font-size:28px;margin-top:3px;}
  body.site-final .council .flow-row{display:none;}

  /* STORIES */
  body.site-final .stories .story-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;}
  body.site-final .choice-box{position:absolute;left:90px;top:156px;width:285px;height:305px;padding:34px 28px;border-radius:22px;z-index:10;}
  body.site-final .choice-box h4{font-size:16px;margin:0 0 18px;}
  body.site-final .choice-box img{height:62px;margin:8px 0;border-radius:12px;}
  body.site-final .choice-box span{font-size:15px;margin:-47px 0 27px 68px;line-height:1.05;text-align:center;}
  body.site-final .story-hero{position:absolute;left:385px;top:106px;width:290px;height:430px;object-fit:contain;transform:none;z-index:5;}
  body.site-final blockquote{position:absolute;left:660px;top:191px;width:340px;height:145px;margin:0;padding:28px 28px 48px;border-radius:22px;font-size:19px;line-height:1.2;z-index:10;}
  body.site-final blockquote img{width:62px;height:62px;right:18px;bottom:14px;}
  body.site-final blockquote small{font-size:13px;}
  body.site-final .shift{position:absolute;left:410px;top:491px;width:590px;height:115px;min-height:115px;margin:0;padding:16px 32px;border-radius:22px;z-index:10;}
  body.site-final .shift h4{font-size:18px;margin:0 0 14px;}
  body.site-final .shift img{position:static;transform:none;width:100%;height:34px;margin:0 auto 10px;object-fit:fill;}
  body.site-final .shift div{position:static;display:flex;justify-content:space-between;font-size:16px;}
  body.site-final .fate-cards{position:absolute;right:80px;top:136px;width:380px;height:118px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;z-index:10;}
  body.site-final .fate-cards article{height:118px;border-radius:14px;}
  body.site-final .fate-cards h3{font-size:10px;margin:74px 0 2px;}
  body.site-final .fate-cards p{font-size:9px;line-height:1.05;padding:0 4px;}
  body.site-final .stories .section-kicker{position:absolute;right:80px;top:274px;width:380px;margin:0;font-size:18px;z-index:10;}
  body.site-final .journey-row{position:absolute;right:80px;top:306px;width:380px;height:90px;margin:0;padding:10px;border-radius:18px;display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.91);box-shadow:0 10px 24px rgba(11,36,90,.16);z-index:10;}
  body.site-final .journey-row img{height:62px;width:62px;}
  body.site-final .journey-row i{font-size:18px;line-height:62px;}
  body.site-final .journey-row small{font-size:10px;}
  body.site-final .story-facts{display:flex;position:absolute;right:80px;top:416px;width:380px;height:70px;margin:0;border-radius:18px;background:rgba(255,255,255,.91);box-shadow:0 10px 24px rgba(11,36,90,.16);z-index:10;}
  body.site-final .story-facts span{font-size:10px;line-height:1.12;padding:8px;}
  body.site-final .story-facts img{width:38px;height:38px;}

  /* EXPANSION */
  body.site-final .expansion-content::after{content:"";position:absolute;left:70px;right:70px;bottom:105px;height:170px;border-radius:24px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(11,36,90,.16);z-index:4;}
  body.site-final .map-zone{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:10;}
  body.site-final .region{position:absolute;width:235px;height:60px;min-height:60px;border-radius:17px;padding:10px 16px;font-size:15px;gap:10px;background:rgba(22,36,59,.78);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,15,50,.22);}
  body.site-final .region img{width:38px;height:38px;}
  body.site-final .region small{display:block;font-size:11px;line-height:1.05;}
  body.site-final .frost{left:280px;top:149px;}.dead{left:680px;top:164px;}.iron{right:105px;top:174px;}.whisper{left:250px;top:289px;}.mystic{left:735px;top:304px;}.orc{right:250px;top:354px;}.viking{right:95px;top:399px;}
  body.site-final .map-pills{position:absolute;left:90px;right:90px;bottom:207px;height:62px;margin:0;padding:8px 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-radius:18px;z-index:10;background:transparent;box-shadow:none;}
  body.site-final .map-pills span{border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(11,36,90,.13);font-size:14px;gap:10px;}
  body.site-final .map-pills img{width:40px;height:40px;}
  body.site-final .expansion-cards{position:absolute;left:90px;bottom:115px;width:865px;height:78px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:10;}
  body.site-final .expansion-cards .feature-card{height:78px;display:grid;grid-template-columns:74px 1fr;text-align:left;align-items:center;padding:10px 14px;border-radius:18px;}
  body.site-final .expansion-cards .feature-card img{width:62px;height:62px;border-radius:50%;object-fit:contain;}
  body.site-final .expansion-cards .feature-card h3{font-size:18px;margin:0;}
  body.site-final .expansion-cards .feature-card p{font-size:12px;}

  /* BLOOD */
  body.site-final .blood-heroes{position:absolute;left:60px;top:166px;width:630px;height:420px;margin:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:left bottom;z-index:5;}
  body.site-final .process-row{position:absolute;right:90px;top:161px;width:570px;height:255px;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;z-index:10;}
  body.site-final .process-row i{display:none;}
  body.site-final .process-row article{height:210px;min-height:210px;padding:20px 12px;border-radius:20px;}
  body.site-final .process-row img{width:116px;height:90px;}
  body.site-final .process-row h3{font-size:18px;}
  body.site-final .process-row p{font-size:13px;}
  body.site-final .blood-content::before{content:"↻  Simple Loop     ✦     Easy to Understand     ✦     Deep Economy";position:absolute;right:90px;top:429px;width:570px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.91);box-shadow:0 10px 24px rgba(11,36,90,.16);font:900 17px/1 Arial,sans-serif;color:#10256b;z-index:10;}
  body.site-final .blood-power{display:none;}
  body.site-final .blood-cards{position:absolute;right:90px;top:496px;width:570px;height:120px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;transform:none;z-index:10;}
  body.site-final .blood-cards .feature-card{height:120px;min-height:120px;padding:14px 12px;border-radius:18px;}
  body.site-final .blood-cards .feature-card img{height:50px;width:auto;object-fit:contain;}
  body.site-final .blood-cards .feature-card h3{font-size:17px;}
  body.site-final .blood-cards .feature-card p{font-size:12px;}

  /* REWARDS */
  body.site-final .rewards-content::after{content:"";position:absolute;right:105px;top:139px;width:620px;height:415px;border-radius:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(11,36,90,.16);z-index:4;}
  body.site-final .faq-list{position:absolute;left:120px;top:156px;width:520px;height:430px;margin:0;padding:18px 22px;border-radius:26px;background:rgba(255,255,255,.92);overflow:auto;z-index:10;}
  body.site-final .faq-list details{background:transparent;border:0;border-bottom:1px solid #d7e2f5;border-radius:0;margin:0;box-shadow:none;}
  body.site-final .faq-list summary{height:78px;min-height:78px;padding:0;font-size:20px;gap:22px;}
  body.site-final .faq-list summary img{width:34px;height:34px;}
  body.site-final .faq-list summary:after{font-size:28px;}
  body.site-final .faq-list p{font-size:13px;line-height:1.2;padding:0 0 16px 56px;}
  body.site-final .reward-hero{position:absolute;right:123px;top:157px;width:584px;height:170px;margin:0;border-radius:20px;object-fit:cover;z-index:10;box-shadow:none;}
  body.site-final .reward-grid{position:absolute;right:123px;top:341px;width:584px;height:118px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;z-index:10;}
  body.site-final .reward-grid article{height:118px;min-height:118px;padding:8px 6px;border-radius:16px;}
  body.site-final .reward-grid img{height:50px;}
  body.site-final .reward-grid h3{font-size:12px;line-height:1.05;}
  body.site-final .reward-grid b{font-size:9px;padding:2px 6px;}
  body.site-final .reward-grid p{font-size:9px;line-height:1.1;}
  body.site-final .benefits-row{position:absolute;right:105px;top:569px;width:620px;height:74px;margin:0;padding:10px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:10;}
  body.site-final .benefits-row span{font-size:12px;grid-template-columns:36px 1fr;padding:0 5px;}
  body.site-final .benefits-row img{width:34px;height:34px;}
  body.site-final .benefits-row small{font-size:10px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1370px){
  body.site-final .desktop-nav{gap:20px;}
  body.site-final .desktop-nav a{font-size:14px;}
  body.site-final .global-topbar .brandmark b{font-size:22px;}
  body.site-final .global-topbar .brandmark small{font-size:10px;}
  body.site-final .title-wide, body.site-final .rewards-logo, body.site-final .blood-logo{height:80px;}
  body.site-final .home .title-madboys{width:530px;}
  body.site-final .home-cards{width:392px;}
  body.site-final .home-cards .feature-card{width:392px;grid-template-columns:132px 1fr;}
  body.site-final .home-cards .feature-card img{width:132px;}
  body.site-final .home .founder-strip, body.site-final .home .stats-row{left:600px;width:560px;}
  body.site-final[data-current="home"] .global-cta{left:600px;width:560px;}
  body.site-final .missions .mission-scene{left:250px;width:800px;}
  body.site-final .missions .chips-row{left:290px;width:760px;}
  body.site-final .build-hero-zone{left:70px;width:570px;}
  body.site-final .builds .ability-row, body.site-final .builds .compact-cards, body.site-final .builds .artifact-row{right:70px;width:620px;}
  body.site-final .ruler-cards, body.site-final .council .influence, body.site-final .council-table{left:70px;width:565px;}
  body.site-final .bonus-cards{right:70px;width:565px;}
  body.site-final .choice-box{left:70px;}
  body.site-final .story-hero{left:350px;}
  body.site-final blockquote{left:600px;}
  body.site-final .shift{left:380px;width:560px;}
  body.site-final .fate-cards, body.site-final .stories .section-kicker, body.site-final .journey-row, body.site-final .story-facts{right:60px;}
  body.site-final .blood-heroes{left:40px;width:590px;}
  body.site-final .process-row, body.site-final .blood-content::before, body.site-final .blood-cards{right:70px;width:540px;}
  body.site-final .faq-list{left:80px;width:500px;}
  body.site-final .rewards-content::after, body.site-final .benefits-row{right:80px;width:600px;}
  body.site-final .reward-hero, body.site-final .reward-grid{right:98px;width:564px;}
}

@media (min-aspect-ratio:1.001/1){
  /* specificity corrections for rules that must beat older desktop overrides */
  body.site-final .builds .item-card.right{right:22px;}
  body.site-final .builds .item-card.left{left:22px;}
  body.site-final .builds .item-card.top{top:22px;}
  body.site-final .builds .item-card.bottom{bottom:22px;}
  body.site-final .expansion .frost{left:280px;top:149px;}
  body.site-final .expansion .dead{left:680px;top:164px;}
  body.site-final .expansion .iron{right:105px;top:174px;}
  body.site-final .expansion .whisper{left:250px;top:289px;}
  body.site-final .expansion .mystic{left:735px;top:304px;}
  body.site-final .expansion .orc{right:250px;top:354px;}
  body.site-final .expansion .viking{right:95px;top:399px;}
}

/* ==========================
   VERSION 22 OVERRIDES
   desktop rebuild from v18 + mobile rewards FAQ height
   ========================== */
@media (max-aspect-ratio:1/1){
  body.site-final .rewards-content{display:flex;flex-direction:column;top:70px;bottom:92px;gap:6px;}
  body.site-final .rewards-content .reward-hero{flex:0 0 auto;}
  body.site-final .rewards-content .reward-grid,
  body.site-final .rewards-content .benefits-row{flex:0 0 auto;}
  body.site-final .rewards-content .faq-list{
    flex:1 1 auto;
    min-height:180px;
    max-height:none;
    height:auto;
    margin-top:6px;
    margin-bottom:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:18px;
  }
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v22-header:72px;
    --v22-container:min(1680px, calc(100vw - 96px));
    --v22-edge:calc((100vw - var(--v22-container)) / 2 + 48px);
    --v22-soft-shadow:0 14px 34px rgba(11,36,90,.18);
    background:#eef6ff;
  }
  body.site-final .global-topbar{
    position:fixed;top:0;left:0;right:0;transform:none;width:100%;height:72px;
    padding:0 48px;background:rgba(255,255,255,.965);box-shadow:0 2px 14px rgba(7,29,82,.11);z-index:100;
  }
  body.site-final .global-topbar .brandmark{width:220px;gap:10px;}
  body.site-final .global-topbar .brandmark img{width:46px;height:54px;object-fit:contain;}
  body.site-final .global-topbar .brandmark b{font-size:28px;line-height:.85;}
  body.site-final .global-topbar .brandmark small{font-size:12px;letter-spacing:1.1px;}
  body.site-final .desktop-nav{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:28px;white-space:nowrap;align-items:center;}
  body.site-final .desktop-nav a{font:900 16px/1 Arial,sans-serif;padding:27px 0 24px;color:#071358;text-decoration:none;}
  body.site-final .desktop-nav a.active{color:#0647ff;}
  body.site-final .desktop-nav a.active::after{bottom:6px;height:7px;width:66px;}
  body.site-final .desktop-nav a.active::before{bottom:-1px;font-size:13px;}
  body.site-final .global-topbar .top-actions{gap:12px;}
  body.site-final .global-topbar .round-icon{width:48px;height:48px;}
  body.site-final .header-context-pill{display:none;}

  body.site-final .screen{position:relative;height:100dvh;min-height:760px;max-height:none;padding:0;display:block;overflow:hidden;}
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
  body.site-final .canvas:after{display:none;}
  body.site-final .canvas::before{content:"";position:absolute;inset:72px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0) 42%,rgba(255,255,255,.45) 100%);}
  body.site-final .bg{display:none;}
  body.site-final .content{position:absolute;left:50%;right:auto;top:72px;bottom:auto;transform:translateX(-50%);width:var(--v22-container);height:calc(100dvh - 72px);max-width:1680px;display:block;}

  body.site-final .home .canvas{background-image:url('/assets/madboys.screen.01.home/1%20-%20mb_back2h.webp');background-position:center top;}
  body.site-final .missions .canvas{background-image:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh2.webp');}
  body.site-final .builds .canvas{background-image:url('/assets/madboys.screen.03.builds/02%20-%20bd_backh.webp');}
  body.site-final .council .canvas{background-image:url('/assets/madboys.screen.04.council/21%20-%20cn_back2h.webp');}
  body.site-final .stories .canvas{background-image:url('/assets/madboys.screen.05.stories/04%20-%20st_backh.webp');}
  body.site-final .expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final .blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final .rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}
  body.site-final .home .canvas::before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,.9) 100%);}
  body.site-final .missions .content::before,
  body.site-final .missions .content::after{display:none;content:none;}
  body.site-final .builds .canvas::before,
  body.site-final .missions .canvas::before,
  body.site-final .blood .canvas::before{background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0) 46%,rgba(255,255,255,.50) 100%);}

  body.site-final .feature-card,
  body.site-final .mini-panel,
  body.site-final .founder-strip,
  body.site-final .stats-row,
  body.site-final .chips-row,
  body.site-final .influence,
  body.site-final .faq-list,
  body.site-final .reward-grid article,
  body.site-final .process-row article,
  body.site-final .choice-box,
  body.site-final blockquote,
  body.site-final .shift,
  body.site-final .benefits-row,
  body.site-final .map-pills,
  body.site-final .expansion-cards .feature-card{
    background:rgba(255,255,255,.92);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.75);border-radius:24px;box-shadow:var(--v22-soft-shadow);box-sizing:border-box;
  }
  body.site-final .feature-card h3{font-size:18px;line-height:1.06;}
  body.site-final .feature-card p{font-size:13px;line-height:1.18;}

  body.site-final .global-cta,
  body.site-final[data-current="home"] .global-cta,
  body.site-final[data-current="missions"] .global-cta,
  body.site-final[data-current="builds"] .global-cta,
  body.site-final[data-current="council"] .global-cta,
  body.site-final[data-current="stories"] .global-cta,
  body.site-final[data-current="expansion"] .global-cta,
  body.site-final[data-current="blood"] .global-cta,
  body.site-final[data-current="rewards"] .global-cta{
    position:fixed;z-index:75;width:620px;height:84px;aspect-ratio:auto;left:auto;right:var(--v22-edge);top:auto;bottom:28px;transform:none;background:none;border:0;box-shadow:none;padding:0;overflow:visible;
  }
  body.site-final .global-cta:before{display:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 9px 16px rgba(28,39,94,.25));}
  body.site-final .global-cta .cta-overlay{left:15%;right:15%;width:70%;}
  body.site-final .global-cta .cta-overlay b{font-size:38px;line-height:.94;white-space:nowrap;}
  body.site-final .global-cta .cta-overlay small{font-size:14px;top:67%;}

  body.site-final .title-wide,
  body.site-final .rewards-logo,
  body.site-final .blood-logo{
    position:absolute;left:50%;top:18px;transform:translateX(-50%);width:auto;height:92px;max-height:92px;max-width:780px;object-fit:contain;z-index:30;margin:0;
  }
  body.site-final .ribbon{position:absolute;left:50%;top:118px;transform:translateX(-50%);width:min(820px,54vw);height:42px;min-height:42px;margin:0;padding:0 28px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;font-size:clamp(20px,1.45vw,25px);line-height:1;border-radius:999px;z-index:31;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 12%,rgba(255,255,255,.96) 88%,transparent 100%);border-top:2px solid rgba(211,151,23,.55);border-bottom:2px solid rgba(211,151,23,.55);box-shadow:0 5px 18px rgba(15,66,150,.10);}

  /* HOME */
  body.site-final .home .title-madboys{position:absolute;left:48px;top:36px;width:560px;height:auto;max-height:150px;margin:0;transform:none;z-index:30;}
  body.site-final .home .gold-title{position:absolute;left:48px;top:168px;width:560px;margin:0;text-align:center;font-size:54px;line-height:.95;z-index:30;}
  body.site-final .home .hero-slogan{position:absolute;left:48px;top:242px;width:560px;margin:0;text-align:center;font-size:31px;line-height:1.15;background:transparent;border:0;box-shadow:none;padding:0;z-index:30;}
  body.site-final .home .hero-team{position:absolute;left:650px;top:110px;width:520px;height:450px;max-height:none;object-fit:contain;margin:0;z-index:5;filter:drop-shadow(0 16px 18px rgba(0,31,92,.24));}
  body.site-final .home-cards{position:absolute;left:48px;bottom:28px;width:520px;display:flex;flex-direction:column;gap:16px;margin:0;z-index:20;}
  body.site-final .home-cards .feature-card{width:520px;height:112px;min-height:112px;display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;text-align:left;padding:12px 20px 12px 12px;border-radius:24px;}
  body.site-final .home-cards .feature-card img{width:180px;height:88px;object-fit:cover;border-radius:18px;}
  body.site-final .home-cards .feature-card h3{font-size:26px;margin:0 0 5px;align-self:end;}
  body.site-final .home-cards .feature-card p{font-size:17px;line-height:1.15;margin:0;align-self:start;}
  body.site-final .home .founder-strip{position:absolute;right:48px;bottom:192px;width:620px;height:104px;margin:0;display:grid;grid-template-columns:136px 1fr 170px;gap:18px;align-items:center;padding:12px 22px;border-radius:24px;z-index:20;}
  body.site-final .home .founder-strip > img:first-child{width:116px;height:82px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:24px;line-height:1.05;}
  body.site-final .home .founder-strip small{font-size:15px;line-height:1.12;}
  body.site-final .home .view-rewards-button{width:162px;height:62px;position:relative;background:transparent;border:0;padding:0;}
  body.site-final .home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .home .view-rewards-text{position:absolute;z-index:2;left:16px;right:30px;top:50%;transform:translateY(-50%);font:900 17px/1 Arial,sans-serif;color:#09266f;text-align:center;}
  body.site-final .home .stats-row{position:absolute;right:48px;bottom:112px;width:620px;height:64px;margin:0;padding:6px 18px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:24px;z-index:20;}
  body.site-final .home .stats-row span{display:flex;align-items:center;justify-content:center;gap:9px;}
  body.site-final .home .stats-row img{width:42px;height:42px;object-fit:contain;}
  body.site-final .home .stats-row b{font-size:28px;}
  body.site-final .home .stats-row small{font-size:12px;}

  /* MISSIONS */
  body.site-final .missions .mission-scene{display:none;}
  body.site-final .missions .chips-row{display:none;}
  body.site-final .missions .mission-cards{position:absolute;left:48px;bottom:28px;width:820px;height:150px;display:grid;grid-template-columns:repeat(3,260px);gap:20px;margin:0;z-index:20;}
  body.site-final .missions .mission-cards .feature-card{height:150px;min-height:150px;padding:18px 14px;border-radius:24px;}
  body.site-final .missions .mission-cards .feature-card img{height:62px;width:auto;object-fit:contain;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:18px;margin:8px 0 4px;}
  body.site-final .missions .mission-cards .feature-card p{font-size:13px;line-height:1.12;}
  body.site-final .missions .split-panels{position:absolute;right:130px;bottom:132px;width:456px;height:150px;display:grid;grid-template-columns:repeat(2,220px);gap:16px;margin:0;z-index:20;}
  body.site-final .missions .mini-panel{height:150px;min-height:150px;padding:16px;border-radius:24px;overflow:hidden;}
  body.site-final .missions .mini-panel h4{font-size:16px;margin:0 0 10px;line-height:1.05;}
  body.site-final .missions .steps{gap:4px;}
  body.site-final .missions .steps img{width:36px;height:36px;}
  body.site-final .missions .steps span{font-size:9px;line-height:1.05;}
  body.site-final .missions .steps i{font-size:18px;}
  body.site-final .missions .companions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
  body.site-final .missions .companions img{width:42px;height:42px;object-fit:cover;}
  body.site-final .missions .companions small{font-size:8px;}

  /* BUILDS */
  body.site-final .build-hero-zone{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:transparent;border:0;box-shadow:none;overflow:visible;z-index:5;}
  body.site-final .build-hero{position:absolute;left:50%;top:240px;width:310px;height:520px;object-fit:contain;transform:translateX(-50%);z-index:6;filter:drop-shadow(0 18px 16px rgba(0,28,90,.28));}
  body.site-final .builds .item-card{position:absolute;width:180px;height:170px;min-height:170px;border-radius:24px;padding:16px 12px;z-index:8;}
  body.site-final .builds .item-card.left{left:430px;right:auto;}
  body.site-final .builds .item-card.right{left:626px;right:auto;}
  body.site-final .builds .item-card.top{top:245px;bottom:auto;}
  body.site-final .builds .item-card.bottom{top:435px;bottom:auto;}
  body.site-final .builds .item-card img{width:118px;height:86px;object-fit:contain;}
  body.site-final .builds .item-card b{font-size:17px;margin-top:6px;line-height:1.05;}
  body.site-final .builds .item-card small{font-size:11px;line-height:1.1;}
  body.site-final .builds .jackpot{position:absolute;left:690px;top:620px;width:150px;height:150px;bottom:auto;transform:none;z-index:9;}
  body.site-final .builds .ability-row{position:absolute;right:48px;top:210px;width:656px;height:256px;display:grid;grid-template-columns:repeat(2,320px);grid-template-rows:repeat(2,120px);gap:16px;margin:0;z-index:20;}
  body.site-final .builds .ability-row article{height:120px;min-height:120px;border-radius:24px;padding:12px 16px;}
  body.site-final .builds .ability-row img{height:64px;object-fit:contain;}
  body.site-final .builds .ability-row b{font-size:18px;margin-top:2px;}
  body.site-final .builds .ability-row small{font-size:13px;}
  body.site-final .builds .compact-cards{position:absolute;right:48px;top:492px;width:620px;height:104px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:20;}
  body.site-final .builds .compact-cards .feature-card{height:104px;min-height:104px;padding:12px;border-radius:24px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;}
  body.site-final .builds .compact-cards .feature-card img{grid-row:1/3;width:58px;height:58px;object-fit:contain;}
  body.site-final .builds .compact-cards .feature-card h3{font-size:18px;margin:0;}
  body.site-final .builds .compact-cards .feature-card p{font-size:12px;margin:0;}
  body.site-final .builds .artifact-row{position:absolute;right:48px;top:616px;width:620px;height:90px;margin:0;padding:26px 28px 12px;gap:20px;border-radius:24px;z-index:20;}
  body.site-final .builds .artifact-row b{font-size:18px;top:6px;}
  body.site-final .builds .artifact-row em{position:absolute;left:130px;right:130px;top:30px;font:800 12px/1 Arial,sans-serif;text-align:center;}
  body.site-final .builds .artifact-row span{width:54px;height:48px;flex:0 0 54px;}
  body.site-final .builds .artifact-row img{max-width:46px;max-height:42px;}

  /* COUNCIL */
  body.site-final .council .small-pill{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:auto;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 18px;z-index:32;}
  body.site-final .council .title-wide{top:38px;height:88px;}
  body.site-final .council .ribbon{top:132px;}
  body.site-final .ruler-cards{position:absolute;left:48px;top:208px;width:560px;height:132px;display:grid;grid-template-columns:repeat(3,180px);gap:10px;margin:0;z-index:20;}
  body.site-final .ruler-cards article{height:132px;min-height:132px;border-radius:24px;padding:8px 10px;background:rgba(255,255,255,.92);box-shadow:var(--v22-soft-shadow);}
  body.site-final .ruler-cards img{height:76px;width:100%;object-fit:contain;}
  body.site-final .ruler-cards h3{font-size:15px;margin:4px 0 2px;}
  body.site-final .ruler-cards p{font-size:12px;margin:0;}
  body.site-final .council .influence{position:absolute;left:48px;top:360px;width:560px;height:92px;padding:12px 24px;margin:0;z-index:20;}
  body.site-final .council .influence h4{font-size:18px;margin:0 0 6px;}
  body.site-final .council .influence img{height:34px;object-fit:fill;}
  body.site-final .council .influence div{font-size:18px;}
  body.site-final .council .influence-note{font-size:12px;margin:2px 0 0;}
  body.site-final .council-table{position:absolute;left:50%;bottom:14px;width:560px;height:330px;max-height:330px;margin:0;object-fit:contain;transform:translateX(-50%);z-index:7;}
  body.site-final .bonus-cards{position:absolute;right:48px;top:220px;width:532px;height:318px;display:grid;grid-template-columns:repeat(2,250px);grid-template-rows:repeat(2,150px);gap:18px 32px;margin:0;transform:none;z-index:20;}
  body.site-final .bonus-cards .feature-card{height:150px;min-height:150px;display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;gap:8px;text-align:left;align-items:center;padding:16px;border-radius:24px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/3;width:78px;height:78px;object-fit:contain;}
  body.site-final .bonus-cards .feature-card h3{font-size:18px;margin:0;}
  body.site-final .bonus-cards .feature-card p{font-size:12px;line-height:1.15;margin:0;}
  body.site-final .bonus-cards .feature-card strong{font-size:28px;margin-top:3px;}
  body.site-final .council .flow-row{display:none;}

  /* STORIES */
  body.site-final .stories .story-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;}
  body.site-final .choice-box{position:absolute;left:48px;top:220px;width:340px;height:330px;padding:34px 30px;border-radius:24px;z-index:20;}
  body.site-final .choice-box h4{font-size:18px;margin:0 0 18px;}
  body.site-final .choice-box img{height:64px;margin:8px 0;border-radius:14px;}
  body.site-final .choice-box span{font-size:15px;margin:-48px 0 27px 70px;line-height:1.05;text-align:center;}
  body.site-final .choice-note{font-size:11px;line-height:1.15;margin-top:0;}
  body.site-final .story-hero{position:absolute;left:920px;top:230px;width:330px;height:500px;object-fit:contain;transform:translateX(-50%);z-index:8;filter:drop-shadow(0 18px 16px rgba(0,28,90,.25));}
  body.site-final blockquote{position:absolute;left:48px;top:572px;width:340px;height:150px;margin:0;padding:26px 28px 48px;border-radius:24px;font-size:18px;line-height:1.2;z-index:20;}
  body.site-final blockquote img{width:62px;height:62px;right:18px;bottom:14px;}
  body.site-final blockquote small{font-size:13px;}
  body.site-final .shift{position:absolute;left:560px;top:720px;width:720px;height:120px;min-height:120px;margin:0;padding:16px 34px;border-radius:24px;z-index:20;}
  body.site-final .shift h4{font-size:18px;margin:0 0 12px;}
  body.site-final .shift img{position:static;transform:none;width:100%;height:36px;margin:0 auto 10px;object-fit:fill;}
  body.site-final .shift div{position:static;display:flex;justify-content:space-around;font-size:15px;}
  body.site-final .shift div b{font-size:20px;}
  body.site-final .fate-cards{position:absolute;right:48px;top:218px;width:648px;height:220px;display:grid;grid-template-columns:repeat(4,150px);gap:16px;margin:0;z-index:20;}
  body.site-final .fate-cards article{height:220px;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--v22-soft-shadow);overflow:hidden;}
  body.site-final .fate-cards article img{height:114px;object-fit:cover;}
  body.site-final .fate-cards h3{font-size:13px;margin:8px 0 74px;}
  body.site-final .fate-cards p{font-size:11px;line-height:1.1;padding:0 8px;}
  body.site-final .stories .section-kicker{position:absolute;right:48px;top:466px;width:648px;margin:0;font-size:22px;z-index:20;}
  body.site-final .journey-row{position:absolute;right:48px;top:504px;width:648px;height:100px;margin:0;padding:12px 18px;border-radius:24px;display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.92);box-shadow:var(--v22-soft-shadow);z-index:20;}
  body.site-final .journey-row img{height:70px;width:70px;}
  body.site-final .journey-row i{font-size:22px;line-height:70px;}
  body.site-final .journey-row small{font-size:10px;}
  body.site-final .story-facts{display:flex;position:absolute;right:48px;top:626px;width:648px;height:100px;margin:0;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--v22-soft-shadow);z-index:20;}
  body.site-final .story-facts span{font-size:12px;line-height:1.12;padding:12px;}
  body.site-final .story-facts img{width:48px;height:48px;}

  /* EXPANSION */
  body.site-final .expansion-content::after{display:none;content:none;}
  body.site-final .map-zone{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:20;}
  body.site-final .region{position:absolute;width:238px;height:68px;min-height:68px;border-radius:20px;padding:10px 16px;font-size:16px;gap:10px;background:rgba(22,36,59,.80);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,15,50,.24);z-index:22;}
  body.site-final .region img{width:42px;height:42px;}
  body.site-final .region small{display:block;font-size:11px;line-height:1.05;}
  body.site-final .expansion .frost{left:310px;top:178px;}
  body.site-final .expansion .dead{left:720px;top:200px;}
  body.site-final .expansion .iron{right:260px;top:220px;}
  body.site-final .expansion .whisper{left:250px;top:370px;}
  body.site-final .expansion .mystic{left:780px;top:430px;}
  body.site-final .expansion .orc{right:430px;top:500px;}
  body.site-final .expansion .viking{right:120px;top:540px;}
  body.site-final .map-pills{position:absolute;right:48px;bottom:132px;width:692px;height:192px;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,220px);grid-template-rows:repeat(2,88px);gap:16px;border-radius:0;background:transparent;box-shadow:none;z-index:23;}
  body.site-final .map-pills span{border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--v22-soft-shadow);font-size:15px;line-height:1.05;gap:10px;padding:8px;}
  body.site-final .map-pills img{width:42px;height:42px;}
  body.site-final .expansion-cards{position:absolute;left:48px;bottom:28px;width:260px;height:482px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,150px);gap:16px;margin:0;z-index:23;}
  body.site-final .expansion-cards .feature-card{width:260px;height:150px;min-height:150px;display:grid;grid-template-columns:82px 1fr;text-align:left;align-items:center;padding:18px 16px;border-radius:24px;}
  body.site-final .expansion-cards .feature-card img{width:70px;height:70px;border-radius:50%;object-fit:contain;}
  body.site-final .expansion-cards .feature-card h3{font-size:18px;margin:0;}
  body.site-final .expansion-cards .feature-card p{font-size:12px;}

  /* BLOOD */
  body.site-final .blood-heroes{position:absolute;left:-60px;bottom:-50px;top:auto;width:860px;height:650px;margin:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:left bottom;z-index:6;filter:drop-shadow(0 20px 18px rgba(0,28,90,.22));}
  body.site-final .blood-content::before{display:none;content:none;}
  body.site-final .process-row{position:absolute;right:48px;top:524px;width:620px;height:170px;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;z-index:20;}
  body.site-final .process-row i{display:none;}
  body.site-final .process-row article{height:170px;min-height:170px;padding:18px 12px;border-radius:24px;}
  body.site-final .process-row img{width:104px;height:76px;object-fit:contain;}
  body.site-final .process-row h3{font-size:17px;margin:8px 0 4px;}
  body.site-final .process-row p{font-size:12px;line-height:1.1;}
  body.site-final .blood-power{display:none;}
  body.site-final .blood-cards{position:absolute;right:48px;top:710px;width:620px;height:170px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;transform:none;z-index:20;}
  body.site-final .blood-cards .feature-card{height:170px;min-height:170px;padding:18px 12px;border-radius:24px;}
  body.site-final .blood-cards .feature-card img{height:70px;width:auto;object-fit:contain;}
  body.site-final .blood-cards .feature-card h3{font-size:17px;margin:8px 0 4px;}
  body.site-final .blood-cards .feature-card p{font-size:12px;line-height:1.1;}

  /* REWARDS */
  body.site-final .rewards-content::after{display:none;content:none;}
  body.site-final .faq-list{position:absolute;left:48px;top:152px;bottom:28px;width:560px;height:auto;margin:0;padding:20px 24px;border-radius:24px;background:rgba(255,255,255,.94);overflow:auto;z-index:20;}
  body.site-final .faq-list details{background:transparent;border:0;border-bottom:1px solid #d7e2f5;border-radius:0;margin:0;box-shadow:none;}
  body.site-final .faq-list summary{height:70px;min-height:70px;padding:0;font-size:20px;gap:20px;}
  body.site-final .faq-list summary img{width:38px;height:38px;}
  body.site-final .faq-list summary:after{font-size:30px;}
  body.site-final .faq-list p{font-size:14px;line-height:1.23;padding:0 0 18px 58px;}
  body.site-final .reward-hero{position:absolute;right:48px;top:180px;width:620px;height:180px;margin:0;border-radius:24px;object-fit:cover;z-index:20;box-shadow:var(--v22-soft-shadow);}
  body.site-final .reward-grid{position:absolute;right:48px;top:382px;width:620px;height:150px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;z-index:20;}
  body.site-final .reward-grid article{height:150px;min-height:150px;padding:12px 8px;border-radius:24px;}
  body.site-final .reward-grid img{height:62px;object-fit:contain;}
  body.site-final .reward-grid h3{font-size:13px;line-height:1.05;margin:2px 0 4px;}
  body.site-final .reward-grid b{font-size:9px;padding:2px 6px;}
  body.site-final .reward-grid p{font-size:9px;line-height:1.08;margin:4px 0 0;}
  body.site-final .benefits-row{position:absolute;right:48px;top:552px;width:620px;height:84px;margin:0;padding:10px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:20;border-radius:24px;}
  body.site-final .benefits-row span{font-size:12px;grid-template-columns:38px 1fr;padding:0 5px;line-height:1.05;}
  body.site-final .benefits-row img{width:36px;height:36px;}
  body.site-final .benefits-row small{font-size:10px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1500px){
  body.site-final{--v22-container:calc(100vw - 96px);}
  body.site-final .desktop-nav{gap:18px;}
  body.site-final .desktop-nav a{font-size:14px;}
  body.site-final .global-topbar .brandmark b{font-size:22px;}
  body.site-final .global-topbar .brandmark small{font-size:10px;}
}

/* ==========================
   VERSION 23 OVERRIDES
   desktop polish from v22 + mobile rewards FAQ lift
   ========================== */
@media (max-aspect-ratio:1/1){
  body.site-final .rewards-content{
    bottom:126px;
    gap:6px;
  }
  body.site-final .rewards-content .faq-list{
    flex:1 1 auto;
    min-height:150px;
    max-height:none;
    margin-bottom:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v23-header:72px;
    --v23-container:min(1680px, calc(100vw - 96px));
    --v23-edge:calc((100vw - var(--v23-container)) / 2 + 48px);
    --v23-soft-shadow:0 14px 34px rgba(11,36,90,.18);
    background:#eef6ff;
  }

  body.site-final .content{
    width:var(--v23-container);
    height:calc(100dvh - 72px);
  }

  body.site-final .canvas::before{inset:72px 0 0;}

  /* CTA: keep natural button proportions; no horizontal/vertical squeezing */
  body.site-final .global-cta,
  body.site-final[data-current="home"] .global-cta,
  body.site-final[data-current="missions"] .global-cta,
  body.site-final[data-current="builds"] .global-cta,
  body.site-final[data-current="council"] .global-cta,
  body.site-final[data-current="stories"] .global-cta,
  body.site-final[data-current="expansion"] .global-cta,
  body.site-final[data-current="blood"] .global-cta,
  body.site-final[data-current="rewards"] .global-cta{
    position:fixed;
    z-index:80;
    width:620px;
    min-width:620px;
    max-width:620px;
    height:125px;
    min-height:125px;
    max-height:125px;
    aspect-ratio:1198/242;
    right:var(--v23-edge);
    left:auto;
    bottom:10px;
    top:auto;
    transform:none;
    flex:0 0 auto;
    overflow:visible;
    background:none;
    border:0;
    box-shadow:none;
    padding:0;
  }
  body.site-final .global-cta .cta-bg-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 9px 16px rgba(28,39,94,.25));
  }
  body.site-final .global-cta .cta-overlay{left:12%;right:12%;width:76%;top:51%;transform:translateY(-50%);}
  body.site-final .global-cta .cta-overlay b{font-size:34px;line-height:.92;white-space:nowrap;letter-spacing:-1.2px;}
  body.site-final .global-cta .cta-overlay small{font-size:13px;top:66%;white-space:nowrap;}

  /* Compact desktop page headings */
  body.site-final .title-wide,
  body.site-final .rewards-logo,
  body.site-final .blood-logo{
    top:8px;
    height:78px;
    max-height:78px;
    max-width:700px;
  }
  body.site-final .ribbon{
    top:90px;
    height:36px;
    min-height:36px;
    width:min(820px,56vw);
    padding:0 24px;
    font-size:clamp(18px,1.25vw,22px);
    letter-spacing:.4px;
  }

  body.site-final .feature-card h3{font-size:17px;line-height:1.04;}
  body.site-final .feature-card p{font-size:12px;line-height:1.14;}

  /* HOME */
  body.site-final .home .title-madboys{left:48px;top:34px;width:520px;max-height:142px;}
  body.site-final .home .gold-title{left:48px;top:176px;width:520px;font-size:38px;line-height:.95;letter-spacing:1px;}
  body.site-final .home .hero-slogan{left:48px;top:252px;width:520px;font-size:27px;line-height:1.12;}
  body.site-final .home .hero-team{left:640px;top:118px;width:500px;height:420px;}
  body.site-final .home-cards{left:48px;bottom:10px;width:520px;gap:14px;}
  body.site-final .home-cards .feature-card{width:520px;height:108px;min-height:108px;grid-template-columns:170px 1fr;gap:16px;padding:10px 18px 10px 10px;}
  body.site-final .home-cards .feature-card img{width:170px;height:86px;}
  body.site-final .home-cards .feature-card h3{font-size:22px;line-height:1.05;margin:0 0 4px;}
  body.site-final .home-cards .feature-card p{font-size:14px;line-height:1.12;margin:0;}
  body.site-final .home .founder-strip{right:48px;bottom:240px;width:620px;height:98px;grid-template-columns:126px 1fr 154px;padding:10px 20px;gap:16px;}
  body.site-final .home .founder-strip > img:first-child{width:108px;height:78px;}
  body.site-final .home .founder-strip b{font-size:20px;}
  body.site-final .home .founder-strip small{font-size:12px;}
  body.site-final .home .view-rewards-button{width:150px;height:58px;}
  body.site-final .home .view-rewards-text{font-size:13px;line-height:1.05;}
  body.site-final .home .stats-row{right:48px;bottom:162px;width:620px;height:62px;padding:6px 16px;}
  body.site-final .home .stats-row img{width:38px;height:38px;}
  body.site-final .home .stats-row b{font-size:26px;}
  body.site-final .home .stats-row small{font-size:11px;}

  /* MISSIONS */
  body.site-final .missions .mission-scene,
  body.site-final .missions .chips-row{display:none;}
  body.site-final .missions .mission-cards{left:48px;bottom:22px;width:820px;height:150px;grid-template-columns:repeat(3,260px);gap:20px;}
  body.site-final .missions .mission-cards .feature-card{height:150px;min-height:150px;padding:16px 14px;}
  body.site-final .missions .mission-cards .feature-card img{height:56px;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:18px;}
  body.site-final .missions .mission-cards .feature-card p{font-size:12px;}
  body.site-final .missions .split-panels{right:48px;top:455px;bottom:auto;width:436px;height:150px;grid-template-columns:repeat(2,210px);gap:16px;}
  body.site-final .missions .mini-panel{width:210px;height:150px;min-height:150px;padding:14px;overflow:hidden;}
  body.site-final .missions .mini-panel h4{font-size:15px;line-height:1.04;margin-bottom:8px;}
  body.site-final .missions .steps img{width:32px;height:32px;}
  body.site-final .missions .steps span{font-size:8px;line-height:1;}
  body.site-final .missions .steps i{font-size:15px;}
  body.site-final .missions .companions img{width:38px;height:38px;}
  body.site-final .missions .companions small{font-size:7px;}

  /* BUILDS */
  body.site-final .build-hero-zone{inset:0;background:transparent;border:0;box-shadow:none;overflow:visible;}
  body.site-final .build-hero{left:50%;top:190px;width:260px;height:450px;transform:translateX(-50%);z-index:7;}
  body.site-final .builds .item-card{width:180px;height:166px;min-height:166px;padding:13px 11px;z-index:9;}
  body.site-final .builds .item-card.left{left:330px;right:auto;}
  body.site-final .builds .item-card.right{left:525px;right:auto;}
  body.site-final .builds .item-card.top{top:210px;bottom:auto;}
  body.site-final .builds .item-card.bottom{top:392px;bottom:auto;}
  body.site-final .builds .item-card img{width:108px;height:78px;}
  body.site-final .builds .item-card b{font-size:16px;line-height:1.02;margin-top:5px;}
  body.site-final .builds .item-card small{font-size:10px;line-height:1.06;}
  body.site-final .builds .jackpot{left:635px;top:574px;width:118px;height:118px;}
  body.site-final .builds .ability-row{right:48px;top:170px;width:656px;height:256px;grid-template-columns:repeat(2,320px);grid-template-rows:repeat(2,120px);gap:16px;}
  body.site-final .builds .ability-row article{height:120px;min-height:120px;padding:14px 18px;display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:14px;}
  body.site-final .builds .ability-row img{grid-row:1/3;width:78px;height:78px;object-fit:contain;margin:0;}
  body.site-final .builds .ability-row b{font-size:18px;line-height:1.04;margin:0;align-self:end;}
  body.site-final .builds .ability-row small{font-size:12px;line-height:1.1;margin:0;align-self:start;}
  body.site-final .builds .compact-cards{right:48px;top:446px;width:620px;height:86px;gap:14px;}
  body.site-final .builds .compact-cards .feature-card{height:86px;min-height:86px;grid-template-columns:58px 1fr;padding:10px;}
  body.site-final .builds .compact-cards .feature-card img{width:48px;height:48px;}
  body.site-final .builds .compact-cards .feature-card h3{font-size:16px;}
  body.site-final .builds .compact-cards .feature-card p{font-size:10px;}
  body.site-final .builds .artifact-row{right:48px;top:548px;width:620px;height:76px;padding:22px 28px 8px;}
  body.site-final .builds .artifact-row b{font-size:16px;top:5px;}
  body.site-final .builds .artifact-row em{top:26px;font-size:11px;}
  body.site-final .builds .artifact-row span{width:48px;height:40px;flex-basis:48px;}
  body.site-final .builds .artifact-row img{max-width:40px;max-height:34px;}

  /* COUNCIL */
  body.site-final .council .small-pill{top:4px;height:24px;font-size:11px;padding:0 16px;z-index:32;}
  body.site-final .council .title-wide{top:30px;height:72px;}
  body.site-final .council .ribbon{top:104px;height:34px;}
  body.site-final .council-table{left:50%;top:330px;bottom:auto;width:500px;height:500px;max-height:500px;object-fit:contain;transform:translateX(-50%);z-index:8;}
  body.site-final .bonus-cards{left:48px;right:auto;top:210px;width:532px;height:308px;grid-template-columns:repeat(2,250px);grid-template-rows:repeat(2,145px);gap:18px 32px;}
  body.site-final .bonus-cards .feature-card{height:145px;min-height:145px;grid-template-columns:82px 1fr;padding:14px;}
  body.site-final .bonus-cards .feature-card img{width:70px;height:70px;}
  body.site-final .bonus-cards .feature-card h3{font-size:16px;}
  body.site-final .bonus-cards .feature-card p{font-size:11px;}
  body.site-final .bonus-cards .feature-card strong{font-size:24px;}
  body.site-final .ruler-cards{left:auto;right:48px;top:210px;width:620px;height:126px;grid-template-columns:repeat(3,1fr);gap:14px;}
  body.site-final .ruler-cards article{height:126px;min-height:126px;padding:7px 8px;}
  body.site-final .ruler-cards img{height:70px;}
  body.site-final .ruler-cards h3{font-size:14px;line-height:1.03;}
  body.site-final .ruler-cards p{font-size:11px;line-height:1.08;}
  body.site-final .council .influence{left:auto;right:48px;top:356px;width:620px;height:88px;padding:10px 24px;}
  body.site-final .council .influence h4{font-size:17px;margin-bottom:5px;}
  body.site-final .council .influence img{height:32px;}
  body.site-final .council .influence div{font-size:17px;}
  body.site-final .council .influence-note{font-size:11px;}

  /* STORIES */
  body.site-final .stories .story-stage{inset:0;width:100%;height:100%;}
  body.site-final .choice-box{left:48px;top:170px;width:380px;height:260px;padding:24px 26px;}
  body.site-final .choice-box h4{font-size:17px;margin-bottom:14px;}
  body.site-final .choice-box img{height:54px;margin:6px 0;}
  body.site-final .choice-box span{font-size:14px;margin:-42px 0 22px 64px;}
  body.site-final .choice-note{font-size:10px;}
  body.site-final blockquote{left:48px;top:448px;width:380px;height:126px;padding:22px 24px 42px;font-size:16px;}
  body.site-final blockquote img{width:52px;height:52px;}
  body.site-final blockquote small{font-size:11px;}
  body.site-final .story-hero{left:800px;top:205px;width:300px;height:450px;transform:translateX(-50%);}
  body.site-final .shift{left:470px;top:610px;width:720px;height:104px;min-height:104px;padding:13px 30px;}
  body.site-final .shift h4{font-size:16px;margin-bottom:8px;}
  body.site-final .shift img{height:30px;margin-bottom:8px;}
  body.site-final .shift div{font-size:13px;}
  body.site-final .shift div b{font-size:17px;}
  body.site-final .fate-cards{right:48px;top:170px;width:624px;height:204px;grid-template-columns:repeat(4,144px);gap:16px;}
  body.site-final .fate-cards article{height:204px;}
  body.site-final .fate-cards article img{height:104px;}
  body.site-final .fate-cards h3{font-size:12px;margin:7px 0 58px;}
  body.site-final .fate-cards p{font-size:10px;line-height:1.05;}
  body.site-final .stories .section-kicker{display:none;}
  body.site-final .journey-row{right:48px;top:398px;width:624px;height:84px;padding:9px 16px;}
  body.site-final .journey-row img{height:58px;width:58px;}
  body.site-final .journey-row i{font-size:18px;line-height:58px;}
  body.site-final .journey-row small{font-size:9px;}
  body.site-final .story-facts{right:48px;top:502px;width:624px;height:78px;}
  body.site-final .story-facts span{font-size:10px;padding:8px;}
  body.site-final .story-facts img{width:38px;height:38px;}

  /* EXPANSION */
  body.site-final .map-zone{inset:0;width:100%;height:100%;}
  body.site-final .region{width:172px;height:48px;min-height:48px;border-radius:16px;padding:7px 12px;font-size:13px;line-height:1;gap:8px;background:rgba(22,36,59,.78);}
  body.site-final .region img{width:34px;height:34px;}
  body.site-final .region small{display:none;}
  body.site-final .expansion .frost{left:360px;top:182px;}
  body.site-final .expansion .dead{left:805px;top:205px;}
  body.site-final .expansion .iron{right:300px;top:220px;}
  body.site-final .expansion .whisper{left:420px;top:395px;}
  body.site-final .expansion .mystic{left:850px;top:454px;}
  body.site-final .expansion .orc{right:420px;top:510px;}
  body.site-final .expansion .viking{right:130px;top:548px;}
  body.site-final .expansion-cards{left:48px;bottom:18px;width:782px;height:140px;grid-template-columns:repeat(3,250px);grid-template-rows:1fr;gap:16px;}
  body.site-final .expansion-cards .feature-card{width:250px;height:140px;min-height:140px;grid-template-columns:70px 1fr;padding:14px;}
  body.site-final .expansion-cards .feature-card img{width:58px;height:58px;}
  body.site-final .expansion-cards .feature-card h3{font-size:16px;}
  body.site-final .expansion-cards .feature-card p{font-size:11px;}
  body.site-final .map-pills{right:48px;bottom:150px;width:620px;height:176px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,80px);gap:14px;}
  body.site-final .map-pills span{font-size:14px;line-height:1.04;padding:8px;}
  body.site-final .map-pills img{width:36px;height:36px;}

  /* BLOOD */
  body.site-final .blood-heroes{left:-20px;bottom:-95px;width:780px;height:630px;object-fit:contain;object-position:left bottom;}
  body.site-final .process-row{right:48px;top:324px;width:620px;height:142px;grid-template-columns:repeat(3,1fr);gap:14px;}
  body.site-final .process-row article{height:142px;min-height:142px;padding:13px 10px;}
  body.site-final .process-row img{width:92px;height:60px;}
  body.site-final .process-row h3{font-size:15px;margin:5px 0 3px;}
  body.site-final .process-row p{font-size:10px;}
  body.site-final .blood-cards{right:48px;top:484px;width:620px;height:142px;grid-template-columns:repeat(3,1fr);gap:14px;}
  body.site-final .blood-cards .feature-card{height:142px;min-height:142px;padding:13px 10px;}
  body.site-final .blood-cards .feature-card img{height:58px;}
  body.site-final .blood-cards .feature-card h3{font-size:15px;margin:5px 0 3px;}
  body.site-final .blood-cards .feature-card p{font-size:10px;}

  /* REWARDS */
  body.site-final .faq-list{left:48px;top:148px;bottom:10px;width:560px;padding:18px 22px;}
  body.site-final .faq-list summary{height:64px;min-height:64px;font-size:18px;gap:18px;}
  body.site-final .faq-list summary img{width:34px;height:34px;}
  body.site-final .faq-list p{font-size:13px;line-height:1.2;padding:0 0 16px 54px;}
  body.site-final .reward-hero{right:48px;top:158px;width:620px;height:180px;object-fit:cover;}
  body.site-final .reward-grid{right:48px;top:356px;width:620px;height:140px;grid-template-columns:repeat(4,1fr);gap:12px;}
  body.site-final .reward-grid article{height:140px;min-height:140px;padding:10px 7px;}
  body.site-final .reward-grid img{height:52px;}
  body.site-final .reward-grid h3{font-size:12px;line-height:1.03;}
  body.site-final .reward-grid b{font-size:8px;}
  body.site-final .reward-grid p{font-size:8px;line-height:1.05;}
  body.site-final .benefits-row{right:48px;top:512px;width:620px;height:76px;padding:8px 10px;}
  body.site-final .benefits-row span{font-size:10px;grid-template-columns:32px 1fr;line-height:1.03;}
  body.site-final .benefits-row img{width:30px;height:30px;}
  body.site-final .benefits-row small{font-size:8px;}
}

@media (min-aspect-ratio:1.001/1) and (max-height:880px){
  body.site-final .title-wide,
  body.site-final .rewards-logo,
  body.site-final .blood-logo{height:72px;max-height:72px;top:4px;}
  body.site-final .ribbon{top:82px;height:34px;font-size:clamp(17px,1.15vw,20px);}
  body.site-final .council .small-pill{top:2px;height:22px;}
  body.site-final .council .title-wide{top:26px;height:68px;}
  body.site-final .council .ribbon{top:96px;}
}


/* ==========================
   VERSION 24
   Text-only refresh + linked mobile layout fixes
   ========================== */

body.site-final .global-cta .cta-overlay b,
body.site-final .global-cta b{
  font-size:clamp(17px,2vw,28px);
  line-height:1.03;
  letter-spacing:0;
  white-space:nowrap;
}

body.site-final .global-cta .cta-overlay small,
body.site-final .global-cta small{
  font-size:clamp(10px,1vw,14px);
  line-height:1.05;
  letter-spacing:0;
  white-space:nowrap;
}

body.site-final .founder-slogan{
  margin:6px 0 0;
  text-align:center;
  font:900 13px/1.15 Arial,sans-serif;
  color:#0a2264;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
  background:transparent;
  border:0;
  box-shadow:none;
}

body.site-final .card-hint{
  display:block;
  margin-top:6px;
  font:700 8.4px/1.2 Arial,sans-serif;
  color:#4d5b7e;
}

@media (max-aspect-ratio:1/1){
  body.site-final .missions .ribbon,
  body.site-final .builds .ribbon,
  body.site-final .expansion .ribbon,
  body.site-final .blood .ribbon,
  body.site-final .rewards .ribbon{
    font-size:12px;
    line-height:1.08;
  }

  body.site-final .home .founder-slogan{
    width:calc(100% - 24px);
    align-self:center;
    margin:-2px auto 2px;
    font-size:11px;
    line-height:1.16;
  }

  body.site-final .missions .split-panels{
    display:none;
  }

  body.site-final .missions .mission-cards{
    gap:7px;
    align-items:stretch;
  }

  body.site-final .missions .mission-cards .feature-card{
    min-height:150px;
    height:auto;
    padding:8px 5px 9px;
  }

  body.site-final .missions .mission-cards .feature-card img{
    height:48px;
  }

  body.site-final .missions .mission-cards .feature-card h3{
    font-size:10.5px;
    line-height:1.02;
    margin:4px 0 3px;
  }

  body.site-final .missions .mission-cards .feature-card p{
    font-size:8px;
    line-height:1.15;
  }

  body.site-final .missions .mission-cards .feature-card .card-hint{
    font-size:6.8px;
    line-height:1.12;
    margin-top:5px;
  }

  body.site-final .builds .compact-cards{
    display:none;
  }

  body.site-final .builds .artifact-row{
    height:92px;
    margin-top:8px;
    padding-top:24px;
    align-items:center;
  }

  body.site-final .builds .artifact-row span{
    width:50px;
    height:48px;
  }

  body.site-final .builds .artifact-row img{
    max-width:42px;
    max-height:40px;
  }

  body.site-final .builds .ability-row b{
    font-size:7.5px;
  }

  body.site-final .builds .ability-row small{
    font-size:6.2px;
    line-height:1.08;
    display:block;
    padding:0 2px 3px;
  }

  body.site-final .rewards-content{
    bottom:146px;
  }

  body.site-final .rewards-content .faq-list{
    margin-bottom:6px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }

  body.site-final .rewards .faq-list details:nth-of-type(n+4){
    display:none;
  }
}

@media (min-aspect-ratio:1.001/1){
  body.site-final .home .founder-slogan{
    position:absolute;
    right:48px;
    bottom:178px;
    width:620px;
    margin:0;
    z-index:21;
    font-size:17px;
    line-height:1.18;
  }

  body.site-final .home .stats-row{
    bottom:104px;
  }

  body.site-final .global-cta .cta-overlay{
    left:10%;
    right:10%;
    width:80%;
  }

  body.site-final .global-cta .cta-overlay b{
    font-size:27px;
    line-height:1.02;
  }

  body.site-final .global-cta .cta-overlay small{
    font-size:14px;
  }

  body.site-final .missions .mission-cards .feature-card{
    padding:13px 12px;
  }

  body.site-final .missions .mission-cards .feature-card h3{
    font-size:16px;
  }

  body.site-final .missions .mission-cards .feature-card p{
    font-size:12px;
  }

  body.site-final .missions .mission-cards .feature-card .card-hint{
    font-size:10px;
    line-height:1.13;
    margin-top:6px;
  }

  body.site-final .builds .ability-row article{
    grid-template-columns:86px 1fr;
  }

  body.site-final .builds .ability-row b{
    font-size:16px;
  }

  body.site-final .builds .ability-row small{
    font-size:11px;
  }

  body.site-final .rewards .faq-list details:nth-of-type(n+4){
    display:none;
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1500px){
  body.site-final .global-cta .cta-overlay b{
    font-size:23px;
  }
  body.site-final .home .founder-slogan{
    font-size:14px;
  }
}

body.site-final .gift-cta{
  line-height:1.05;
  text-align:center;
}
body.site-final .gift-cta small{
  display:block;
  font:800 12px/1.05 Arial,sans-serif;
  margin-top:2px;
}

/* ==========================
   VERSION 25
   Subtitle typography, centered CTA, council effect power, rewards FAQ lift
   ========================== */

body.site-final .global-cta .cta-overlay,
body.site-final .gift-cta{
  text-align:center;
}

body.site-final .global-cta .cta-overlay{
  position:absolute;
  left:50%;
  right:auto;
  top:52%;
  transform:translate(-50%,-50%);
  width:76%;
  max-width:76%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

body.site-final .global-cta .cta-overlay b{
  display:block;
  width:100%;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  letter-spacing:-.35px;
  line-height:1.02;
}

body.site-final .global-cta .cta-overlay small{
  position:static;
  display:block;
  width:100%;
  margin:4px auto 0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  line-height:1.05;
  letter-spacing:0;
}

body.site-final .gift-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
body.site-final .gift-cta br{display:none;}
body.site-final .gift-cta small{display:block;margin:0;}

body.site-final .ribbon{
  text-transform:uppercase;
  letter-spacing:.35px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  box-sizing:border-box;
}

body.site-final .bonus-cards .feature-card strong{
  display:block;
  margin-top:5px;
  color:#236fee;
  font-weight:1000;
}

@media (max-aspect-ratio:1/1){
  body.site-final .global-cta .cta-overlay{
    width:78%;
    max-width:78%;
    top:52%;
  }
  body.site-final .global-cta .cta-overlay b{
    font-size:clamp(13px,4.2vw,18px);
    letter-spacing:-.45px;
  }
  body.site-final .global-cta .cta-overlay small{
    font-size:clamp(9px,2.65vw,11px);
    margin-top:2px;
  }
  body.site-final .ribbon{
    font-size:clamp(8px,2.55vw,11px);
    line-height:1.08;
    padding-left:7px;
    padding-right:7px;
  }
  body.site-final .rewards-content{
    bottom:166px;
  }
  body.site-final .rewards-content .faq-list{
    flex:0 1 auto;
    max-height:min(34vh,210px);
    min-height:118px;
    margin-bottom:8px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  body.site-final .rewards .faq-list summary{
    min-height:54px;
    height:54px;
    font-size:16px;
  }
  body.site-final .rewards .faq-list p{
    font-size:12px;
    line-height:1.18;
    padding-bottom:12px;
  }
  body.site-final .bonus-cards .feature-card strong{
    font-size:16px;
    line-height:1;
  }
}

@media (min-aspect-ratio:1.001/1){
  body.site-final .global-cta .cta-overlay b{
    font-size:25px;
  }
  body.site-final .global-cta .cta-overlay small{
    font-size:13px;
  }
  body.site-final .ribbon{
    width:min(900px,58vw);
    height:34px;
    min-height:34px;
    padding:0 22px;
    font-size:clamp(15px,1.03vw,19px);
    line-height:1;
  }
  body.site-final .council .ribbon,
  body.site-final .expansion .ribbon,
  body.site-final .rewards .ribbon{
    font-size:clamp(14px,.96vw,18px);
  }
  body.site-final .stories .ribbon,
  body.site-final .blood .ribbon{
    font-size:clamp(15px,1vw,18px);
  }
  body.site-final .bonus-cards .feature-card strong{
    font-size:24px;
    line-height:1;
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1500px){
  body.site-final .global-cta .cta-overlay b{
    font-size:20px;
  }
  body.site-final .global-cta .cta-overlay small{
    font-size:11px;
  }
  body.site-final .ribbon{
    font-size:clamp(12px,.95vw,16px);
  }
}


/* ==========================
   VERSION 26
   CTA single-line center, uniform compact subtitles, crystal+text brand
   ========================== */

body.site-final .brandmark img{
  width:36px;
  height:42px;
  object-fit:contain;
}
body.site-final .brandmark span{display:block;}

body.site-final .global-cta .cta-overlay{
  position:absolute;
  left:50%;
  right:auto;
  top:50%;
  transform:translate(-50%,-50%);
  width:72%;
  max-width:72%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
}
body.site-final .global-cta .cta-overlay b{
  display:block;
  width:100%;
  margin:0 auto;
  text-align:center;
  text-transform:uppercase;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.03;
  letter-spacing:-.35px;
}
body.site-final .global-cta .cta-overlay small,
body.site-final .global-cta small{display:none;}
body.site-final .gift-cta{
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.05;
}
body.site-final .gift-cta small,
body.site-final .gift-cta br{display:none;}

body.site-final .screen:not(.home) .ribbon{
  box-sizing:border-box;
  text-transform:uppercase;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:0;
  line-height:1.05;
  letter-spacing:.25px;
  width:min(900px,58vw);
}
body.site-final .screen:not(.home) .ribbon .ribbon-part{display:inline;}
body.site-final .screen:not(.home) .ribbon .hl-gold{color:#c88700;}
body.site-final .screen:not(.home) .ribbon .hl-blue{color:#0647ff;}
body.site-final .screen:not(.home) .ribbon .hl-red{color:#e42720;}

@media (max-aspect-ratio:1/1){
  body.site-final .global-cta .cta-overlay{
    width:74%;
    max-width:74%;
  }
  body.site-final .global-cta .cta-overlay b{
    font-size:clamp(14px,4.35vw,19px);
    line-height:1.04;
    letter-spacing:-.55px;
  }
  body.site-final .gift-cta{
    font-size:15px;
    min-height:46px;
  }
  body.site-final .screen:not(.home) .ribbon{
    width:calc(100% - 20px);
    min-height:34px;
    height:auto;
    max-height:42px;
    padding:4px 8px;
    font-size:clamp(8px,2.42vw,10px);
    line-height:1.08;
  }
  body.site-final .rewards-content{
    bottom:178px;
  }
  body.site-final .rewards-content .faq-list{
    max-height:min(28vh,176px);
    min-height:104px;
    margin-bottom:10px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
}

@media (min-aspect-ratio:1.001/1){
  body.site-final .global-cta .cta-overlay b{
    font-size:25px;
  }
  body.site-final .gift-cta{
    font-size:20px;
  }
  body.site-final .screen:not(.home) .ribbon{
    height:40px;
    min-height:40px;
    max-height:46px;
    padding:0 18px;
    font-size:15px;
  }
  body.site-final .title-wide,
  body.site-final .rewards-logo,
  body.site-final .blood-logo{
    max-width:760px;
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1500px){
  body.site-final .global-cta .cta-overlay b{
    font-size:20px;
  }
  body.site-final .screen:not(.home) .ribbon{
    font-size:12px;
    width:min(780px,62vw);
  }
}


/* ==========================
   VERSION 27
   Home USP popups
   ========================== */
body.site-final .home-cards .feature-card[data-feature-popup]{cursor:pointer;position:relative;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
body.site-final .home-cards .feature-card[data-feature-popup]:hover,
body.site-final .home-cards .feature-card[data-feature-popup]:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,51,121,.18);border-color:rgba(221,170,49,.75);outline:none;}
body.site-final .home-cards .feature-card[data-feature-popup]::after{content:'Tap to learn more';position:absolute;right:18px;bottom:10px;font:800 11px/1 Arial,sans-serif;color:#a16c00;opacity:.92;}

body.site-final .usp-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(11,19,49,.56);backdrop-filter:blur(8px);z-index:120;}
body.site-final .usp-modal.open{display:flex;}
body.site-final .usp-shell{position:relative;width:min(1120px,92vw);height:min(860px,84vh);background:linear-gradient(180deg,#fffef9 0%,#fff 100%);border:2px solid rgba(232,191,74,.75);border-radius:30px;box-shadow:0 30px 80px rgba(9,19,67,.28), inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;}
body.site-final .usp-close{position:absolute;top:14px;right:16px;z-index:5;width:46px;height:46px;border-radius:50%;border:2px solid rgba(220,185,69,.8);background:linear-gradient(180deg,#fff,#f9f2df);color:#163170;font:900 28px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 16px rgba(16,29,76,.16);}
body.site-final .usp-panel{width:100%;height:100%;}
body.site-final .usp-scroll{height:100%;overflow:auto;padding:32px 34px 32px;box-sizing:border-box;scrollbar-width:thin;}
body.site-final .usp-header{padding-right:52px;margin-bottom:18px;}
body.site-final .usp-kicker{margin:0 0 8px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.5px;color:#53638f;text-transform:uppercase;}
body.site-final .usp-header h2{margin:0 0 8px;font:900 clamp(28px,2.8vw,44px)/.92 Arial Black,Arial,sans-serif;color:#0e2969;text-transform:uppercase;}
body.site-final .usp-hook{margin:0 0 10px;font:900 clamp(16px,1.5vw,22px)/1.12 Arial,sans-serif;color:#1f3f95;}
body.site-final .usp-intro{margin:0;font:500 15px/1.5 Arial,sans-serif;color:#23355f;max-width:900px;}
body.site-final .usp-key-grid{display:grid;gap:16px;margin-top:18px;}
body.site-final .usp-key-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
body.site-final .usp-key-grid-5{grid-template-columns:repeat(2,minmax(0,1fr));}
body.site-final .usp-key-grid article,
body.site-final .usp-mini-trio article,
body.site-final .usp-example-box,
body.site-final .usp-chain-box,
body.site-final .hero-copy-card,
body.site-final .usp-visual-box{background:rgba(255,255,255,.95);border:1px solid rgba(227,212,174,.95);border-radius:24px;box-shadow:0 12px 28px rgba(17,35,87,.08);}
body.site-final .usp-key-grid article{padding:18px 18px 16px;}
body.site-final .usp-key-grid h4,
body.site-final .usp-mini-trio h4,
body.site-final .usp-example-box h4,
body.site-final .usp-chain-box h4{margin:0 0 8px;font:900 16px/1.08 Arial,sans-serif;color:#0e2969;}
body.site-final .usp-key-grid p,
body.site-final .usp-mini-trio p,
body.site-final .usp-example-box li,
body.site-final .usp-chain-box li,
body.site-final .hero-copy-card p{margin:0;font:500 14px/1.42 Arial,sans-serif;color:#31456f;}
body.site-final .usp-ai-stage{margin-top:18px;}
body.site-final .hero-carousel{display:grid;gap:14px;}
body.site-final .hero-carousel-topbar{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;}
body.site-final .hero-nav{width:44px;height:44px;border-radius:50%;border:2px solid rgba(218,186,84,.9);background:linear-gradient(180deg,#fff8e8,#f7edd1);font:900 28px/1 Arial,sans-serif;color:#123270;cursor:pointer;}
body.site-final .hero-slide-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#eef4ff);border:1px solid rgba(204,218,250,.9);}
body.site-final .hero-slide-counter span{font:900 13px/1 Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;}
body.site-final .hero-slide-counter small{font:600 12px/1.3 Arial,sans-serif;color:#526384;}
body.site-final .hero-slides{position:relative;min-height:360px;}
body.site-final .hero-slide{display:none;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:stretch;}
body.site-final .hero-slide.is-active{display:grid;}
body.site-final .hero-media-shell{min-height:340px;border-radius:26px;background:radial-gradient(circle at 20% 20%,rgba(133,194,255,.55) 0%,rgba(245,249,255,.95) 42%,rgba(240,227,196,.96) 100%);border:1px solid rgba(225,205,154,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden;}
body.site-final .hero-media-poster,
body.site-final .hero-media-loaded{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:22px;border-radius:22px;background:linear-gradient(160deg,rgba(24,53,128,.95),rgba(52,98,197,.85) 45%,rgba(146,73,178,.82));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);box-sizing:border-box;}
body.site-final .hero-media-loaded{background:linear-gradient(160deg,rgba(121,51,193,.92),rgba(35,67,157,.92) 48%,rgba(18,152,209,.88));}
body.site-final .hero-media-poster span,
body.site-final .hero-media-loaded span{font:900 12px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#ffe082;margin-bottom:auto;}
body.site-final .hero-media-poster strong,
body.site-final .hero-media-loaded strong{font:900 34px/1 Arial Black,Arial,sans-serif;margin:0 0 8px;}
body.site-final .hero-media-poster small,
body.site-final .hero-media-loaded small{font:600 13px/1.4 Arial,sans-serif;opacity:.94;max-width:280px;}
body.site-final .hero-media-loaded p{margin:12px 0 0;font:600 13px/1.35 Arial,sans-serif;max-width:310px;color:#eef3ff;}
body.site-final .hero-copy-card{padding:18px 20px 16px;}
body.site-final .hero-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
body.site-final .hero-name-row h3{margin:0;font:900 28px/1 Arial Black,Arial,sans-serif;color:#102d70;}
body.site-final .hero-class{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(90deg,#ffe17a,#f7c746);color:#573700;font:900 13px/1 Arial,sans-serif;white-space:nowrap;}
body.site-final .hero-copy-card p + p{margin-top:10px;}
body.site-final .hero-thumb-row{display:flex;flex-wrap:wrap;gap:8px;}
body.site-final .hero-thumb{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(200,210,236,.95);background:#f6f8fe;color:#17377d;font:800 12px/1 Arial,sans-serif;cursor:pointer;}
body.site-final .hero-thumb.is-active{background:linear-gradient(180deg,#15357f,#284fa5);color:#fff;border-color:#15357f;box-shadow:0 6px 16px rgba(23,54,126,.2);}
body.site-final .usp-mini-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
body.site-final .usp-mini-trio article{padding:18px;}
body.site-final .usp-two-col{display:grid;grid-template-columns:1fr 1.12fr;gap:18px;margin-top:18px;align-items:start;}
body.site-final .usp-visual-box{padding:18px;display:grid;gap:16px;align-self:stretch;}
body.site-final .usp-visual-placeholder{min-height:260px;border-radius:22px;background:linear-gradient(160deg,#143170,#22479d 44%,#5d2f90);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
body.site-final .usp-visual-placeholder span{font:900 12px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#ffd874;}
body.site-final .usp-visual-placeholder strong{font:900 30px/1 Arial Black,Arial,sans-serif;margin:12px 0 8px;}
body.site-final .usp-visual-placeholder p{margin:0;font:600 14px/1.45 Arial,sans-serif;color:#eef2ff;max-width:440px;}
body.site-final .usp-example-box{margin-top:18px;padding:18px 20px;}
body.site-final .usp-example-box ul{margin:10px 0 0;padding-left:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;}
body.site-final .usp-chain-box{padding:18px 20px;}
body.site-final .usp-chain-box ol{margin:10px 0 0;padding-left:18px;display:grid;gap:7px;}
body.site-final .usp-bottom-line{margin:20px 0 0;font:900 18px/1.3 Arial,sans-serif;color:#0f2d6f;}
body.site-final .usp-cta{display:flex;align-items:center;justify-content:center;width:min(420px,100%);min-height:58px;margin:22px 0 0;border-radius:999px;background:linear-gradient(180deg,#ffd74e,#ffb300 54%,#ff9200);border:3px solid #ffcf43;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(171,82,0,.22),0 7px 13px rgba(23,37,105,.22);color:#112f73;font:900 20px/1 Arial Black,Arial,sans-serif;text-decoration:none;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.55);}
body.site-final .kingdom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.site-final .kingdom-grid article:last-child{grid-column:1/-1;}

@media (max-aspect-ratio:1/1){
  body.site-final .home-cards .feature-card[data-feature-popup]::after{font-size:9px;right:12px;bottom:7px;}
  body.site-final .usp-modal{align-items:flex-end;}
  body.site-final .usp-shell{width:100%;height:min(92dvh,860px);border-radius:28px 28px 0 0;border-left:0;border-right:0;border-bottom:0;}
  body.site-final .usp-close{top:12px;right:12px;width:42px;height:42px;}
  body.site-final .usp-scroll{padding:24px 16px 24px;}
  body.site-final .usp-header{padding-right:40px;}
  body.site-final .usp-header h2{font-size:28px;}
  body.site-final .usp-hook{font-size:16px;}
  body.site-final .usp-intro{font-size:13px;line-height:1.42;}
  body.site-final .hero-slide{grid-template-columns:1fr;}
  body.site-final .hero-media-shell{min-height:210px;}
  body.site-final .hero-media-poster strong,body.site-final .hero-media-loaded strong{font-size:26px;}
  body.site-final .hero-name-row{display:block;}
  body.site-final .hero-name-row h3{font-size:24px;margin-bottom:6px;}
  body.site-final .hero-class{min-height:30px;font-size:12px;display:inline-flex;}
  body.site-final .hero-copy-card{padding:16px;}
  body.site-final .hero-copy-card p{font-size:13px;line-height:1.38;}
  body.site-final .hero-thumb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
  body.site-final .hero-thumb{min-height:34px;padding:0 6px;font-size:11px;}
  body.site-final .usp-key-grid-4,
  body.site-final .usp-key-grid-5,
  body.site-final .usp-mini-trio,
  body.site-final .usp-two-col,
  body.site-final .kingdom-grid,
  body.site-final .usp-example-box ul{grid-template-columns:1fr;}
  body.site-final .usp-key-grid article,
  body.site-final .usp-mini-trio article,
  body.site-final .usp-example-box,
  body.site-final .usp-chain-box{padding:15px;}
  body.site-final .usp-key-grid h4,
  body.site-final .usp-mini-trio h4,
  body.site-final .usp-example-box h4,
  body.site-final .usp-chain-box h4{font-size:15px;}
  body.site-final .usp-key-grid p,
  body.site-final .usp-mini-trio p,
  body.site-final .usp-example-box li,
  body.site-final .usp-chain-box li,
  body.site-final .hero-copy-card p{font-size:13px;}
  body.site-final .usp-visual-placeholder{min-height:180px;padding:16px;}
  body.site-final .usp-visual-placeholder strong{font-size:24px;}
  body.site-final .usp-bottom-line{font-size:16px;}
  body.site-final .usp-cta{width:100%;min-height:56px;font-size:18px;margin-top:18px;}
}


/* ==========================
   VERSION 27 FIX
   Robust visible popup state
   ========================== */
body.site-final .usp-modal.is-visible{
  display:flex;
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  z-index:9999;
}
body.site-final .usp-modal.is-visible .usp-shell{
  opacity:1;
  visibility:visible;
  transform:none;
}
body.site-final .usp-panel.is-active{
  display:block;
  visibility:visible;
}
body.site-final .usp-panel:not(.is-active){
  display:none;
}
body.usp-open{
  overflow:hidden;
}
body.site-final .home-cards .feature-card[data-feature-popup]{
  pointer-events:auto;
}


/* ==========================
   VERSION 28
   Jackpot popup + Home popup refinements
   ========================== */
body.site-final .jackpot-panel-rich{width:min(1080px,94vw);padding:0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#fffefb 0%,#ffffff 100%);}
body.site-final .jackpot-scroll{max-height:min(86vh,900px);overflow:auto;padding:30px 28px 28px;box-sizing:border-box;}
body.site-final .jackpot-hero-head{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch;padding-right:42px;}
body.site-final .jackpot-kicker{margin:0 0 8px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#6c7a98;}
body.site-final .jackpot-panel-rich h2{margin:0 0 8px;font:900 clamp(28px,3vw,44px)/.92 Arial Black,Arial,sans-serif;color:#0f2f75;text-transform:uppercase;}
body.site-final .jackpot-subtitle{margin:0 0 10px;font:900 18px/1.16 Arial,sans-serif;color:#22489d;}
body.site-final .jackpot-main-hook{margin:0 0 10px;font:900 16px/1.4 Arial,sans-serif;color:#16387f;}
body.site-final .jackpot-intro{margin:0;font:500 15px/1.55 Arial,sans-serif;color:#31466f;}
body.site-final .jackpot-visual-card,.jackpot-section-card,.jackpot-result-box{background:rgba(255,255,255,.96);border:1px solid rgba(225,210,172,.95);border-radius:24px;box-shadow:0 12px 28px rgba(18,34,87,.08);}
body.site-final .jackpot-visual-card{padding:16px;display:flex;}
body.site-final .jackpot-visual-placeholder{width:100%;min-height:260px;border-radius:20px;background:linear-gradient(160deg,#183989,#234aa6 46%,#5c2b8b 100%);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
body.site-final .jackpot-visual-placeholder span{font:900 12px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#ffd974;}
body.site-final .jackpot-visual-placeholder strong{margin:12px 0 8px;font:900 30px/1 Arial Black,Arial,sans-serif;}
body.site-final .jackpot-visual-placeholder p{margin:0;font:600 14px/1.45 Arial,sans-serif;color:#eef2ff;}
body.site-final .jackpot-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;}
body.site-final .jackpot-section-card{padding:18px 18px 16px;}
body.site-final .jackpot-section-card h3{margin:0 0 10px;font:900 16px/1.08 Arial,sans-serif;color:#0e2969;}
body.site-final .jackpot-section-card p,body.site-final .jackpot-pick-list li,body.site-final .jackpot-combo-grid span{font:500 14px/1.46 Arial,sans-serif;color:#30456d;}
body.site-final .jackpot-section-card p + p{margin-top:10px;}
body.site-final .jackpot-small-line{margin-top:12px;font:800 13px/1.38 Arial,sans-serif;color:#5b3d00;}
body.site-final .jackpot-pick-list{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;}
body.site-final .jackpot-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
body.site-final .jackpot-combo-grid div{padding:12px 12px 10px;border-radius:18px;background:linear-gradient(180deg,#f4f8ff,#ffffff);border:1px solid rgba(205,220,244,.95);display:grid;gap:5px;}
body.site-final .jackpot-combo-grid b{font:900 14px/1.2 Arial,sans-serif;color:#17377d;}
body.site-final .jackpot-result-box{padding:14px 14px 12px;margin-top:12px;background:linear-gradient(180deg,#fff9e9,#fffef9);}
body.site-final .jackpot-result-box h4{margin:0 0 6px;font:900 14px/1 Arial,sans-serif;color:#8d5b00;text-transform:uppercase;}
body.site-final .jackpot-final-line{margin-top:12px;font:900 14px/1.4 Arial,sans-serif;color:#16387d;}
body.site-final .jackpot-final-line span{color:#8f2500;}
body.site-final .jackpot-cta{display:flex;align-items:center;justify-content:center;width:min(520px,100%);min-height:58px;margin:22px 0 0;border-radius:999px;background:linear-gradient(180deg,#ffd74e,#ffb300 54%,#ff9200);border:3px solid #ffcf43;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(171,82,0,.22),0 7px 13px rgba(23,37,105,.22);color:#112f73;font:900 20px/1.05 Arial Black,Arial,sans-serif;text-decoration:none;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.55);}

body.site-final .hero-carousel{display:flex;flex-direction:column;gap:14px;}
body.site-final .hero-carousel-topbar{display:block;order:0;}
body.site-final .hero-carousel-topnote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#eef4ff);border:1px solid rgba(204,218,250,.9);}
body.site-final .hero-carousel-topnote span{font:900 13px/1 Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;}
body.site-final .hero-carousel-topnote small{font:600 12px/1.3 Arial,sans-serif;color:#526384;}
body.site-final .hero-thumb-row{order:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:0;}
body.site-final .hero-slides{order:2;min-height:360px;}
body.site-final .hero-nav{display:none;}
body.site-final .hero-slide-counter{display:none;}
body.site-final .usp-experiment-box,.usp-memory-box{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fffaf0,#ffffff);border:1px solid rgba(225,210,172,.95);box-shadow:0 12px 28px rgba(17,35,87,.08);}
body.site-final .usp-experiment-box h4,.usp-memory-box h4{margin:0 0 8px;font:900 16px/1.08 Arial,sans-serif;color:#0e2969;}
body.site-final .usp-experiment-box p,.usp-memory-box p{margin:0;font:500 14px/1.46 Arial,sans-serif;color:#31456f;}
body.site-final .usp-experiment-box p + p,.usp-memory-box p + p{margin-top:10px;}
body.site-final .usp-experiment-small,.usp-memory-small{font:800 13px/1.42 Arial,sans-serif;color:#5b3d00;}
body.site-final .kingdom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.site-final .kingdom-grid article:nth-last-child(-n+3){grid-column:auto;}
body.site-final .kingdom-grid article:last-child{grid-column:1/-1;}
body.site-final .usp-bottom-line{max-width:880px;}

@media (max-aspect-ratio:1/1){
  body.site-final .jackpot-panel-rich{width:100%;border-radius:28px 28px 0 0;}
  body.site-final .jackpot-scroll{max-height:min(92dvh,920px);padding:22px 16px 24px;}
  body.site-final .jackpot-hero-head,
  body.site-final .jackpot-sections{grid-template-columns:1fr;}
  body.site-final .jackpot-visual-placeholder{min-height:180px;}
  body.site-final .jackpot-visual-placeholder strong{font-size:24px;}
  body.site-final .jackpot-subtitle{font-size:16px;}
  body.site-final .jackpot-main-hook,body.site-final .jackpot-intro,body.site-final .jackpot-section-card p,body.site-final .jackpot-pick-list li,body.site-final .jackpot-combo-grid span{font-size:13px;line-height:1.42;}
  body.site-final .jackpot-combo-grid{grid-template-columns:1fr;}
  body.site-final .jackpot-cta{width:100%;font-size:18px;}
  body.site-final .hero-carousel-topnote{display:block;padding:12px 12px 10px;}
  body.site-final .hero-carousel-topnote small{display:block;margin-top:6px;}
  body.site-final .hero-thumb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
  body.site-final .usp-experiment-box,.usp-memory-box{padding:15px;}
}


/* ==========================
   VERSION 29
   Blood ritual CTA + AI hero ult slot
   ========================== */
body.site-final .hero-copy-card{position:relative;padding-right:132px;}
body.site-final .hero-ult-slot{position:absolute;top:18px;right:18px;width:88px;display:flex;flex-direction:column;align-items:center;gap:6px;}
body.site-final .hero-ult-slot small{font:900 10px/1 Arial,sans-serif;letter-spacing:.8px;color:#876400;text-transform:uppercase;}
body.site-final .hero-ult-icon{width:82px;height:82px;border-radius:20px;border:3px solid #f2c94c;background:linear-gradient(180deg,#1f49a4,#0d2f73);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 18px rgba(13,36,92,.16);display:grid;place-items:center;color:#fff6ca;font:900 22px/1 Arial Black,Arial,sans-serif;}

body.site-final .ritual-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,18,53,.52);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:220;}
body.site-final .ritual-modal.open{opacity:1;pointer-events:auto;}
body.site-final .ritual-panel{width:min(920px,94vw);max-height:min(86vh,920px);border-radius:28px;background:linear-gradient(180deg,#fffefb,#ffffff);border:1px solid rgba(225,210,172,.95);box-shadow:0 20px 36px rgba(9,24,73,.28);position:relative;overflow:hidden;}
body.site-final .ritual-close{position:absolute;right:16px;top:14px;width:46px;height:46px;border-radius:50%;border:3px solid #e5cb71;background:#fffdf6;color:#12336f;font:900 28px/1 Arial,sans-serif;cursor:pointer;z-index:2;}
body.site-final .ritual-scroll{max-height:min(86vh,920px);overflow:auto;padding:28px 22px 24px;}
body.site-final .ritual-kicker{margin:0 0 8px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#707da0;}
body.site-final .ritual-head h2{margin:0 0 8px;font:900 clamp(28px,3vw,42px)/.92 Arial Black,Arial,sans-serif;color:#0f2f75;text-transform:uppercase;}
body.site-final .ritual-subtitle{margin:0 0 10px;font:900 17px/1.18 Arial,sans-serif;color:#8f2500;}
body.site-final .ritual-hook{margin:0;font:500 15px/1.55 Arial,sans-serif;color:#32466f;}
body.site-final .ritual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;}
body.site-final .ritual-grid article{padding:16px;border-radius:22px;border:1px solid rgba(225,210,172,.95);background:linear-gradient(180deg,#fffaf0,#ffffff);box-shadow:0 10px 24px rgba(15,35,87,.08);}
body.site-final .ritual-grid h3{margin:0 0 8px;font:900 15px/1.08 Arial,sans-serif;color:#0f2f74;}
body.site-final .ritual-grid p{margin:0;font:500 14px/1.46 Arial,sans-serif;color:#30456d;}
body.site-final .ritual-bottom-line{margin:18px 0 0;font:900 15px/1.42 Arial,sans-serif;color:#15387f;}
body.site-final .ritual-bottom-line span{color:#8e2500;}
body.site-final .ritual-cta{display:flex;align-items:center;justify-content:center;width:min(500px,100%);min-height:56px;margin:18px auto 0;border-radius:999px;background:linear-gradient(180deg,#ffd74e,#ffb300 54%,#ff9200);border:3px solid #ffcf43;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(171,82,0,.22),0 7px 13px rgba(23,37,105,.22);color:#112f73;font:900 20px/1.05 Arial Black,Arial,sans-serif;text-decoration:none;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.55);}

@keyframes ritualPulse{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(14,35,93,.14);}50%{transform:scale(1.018);box-shadow:0 14px 26px rgba(14,35,93,.2);}}

@media (max-aspect-ratio:1/1){
  body.site-final .blood .blood-cards{display:none;}
  body.site-final .blood .blood-heroes{height:310px;object-position:center top;margin-top:6px;}
  body.site-final .blood .blood-power{width:96%;margin-top:10px;padding:10px 12px 12px;min-height:80px;border:2px solid rgba(214,95,48,.34);background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,247,240,.98));cursor:pointer;animation:ritualPulse 1.9s ease-in-out infinite;}
  body.site-final .blood .blood-power h4{font-size:14px;line-height:1.12;letter-spacing:.2px;}
  body.site-final .blood .blood-power .blood-bar-crop img,
  body.site-final .blood .blood-power img{height:32px;object-fit:fill;}
  body.site-final .blood .blood-power-note{display:block;margin-top:5px;font:900 10px/1.25 Arial,sans-serif;color:#7a3b00;}
  body.site-final .hero-copy-card{padding-right:112px;}
  body.site-final .hero-ult-slot{top:16px;right:16px;width:74px;}
  body.site-final .hero-ult-slot small{font-size:9px;}
  body.site-final .hero-ult-icon{width:68px;height:68px;border-radius:18px;font-size:18px;}
  body.site-final .ritual-panel{width:100%;max-height:92dvh;border-radius:28px 28px 0 0;align-self:flex-end;}
  body.site-final .ritual-scroll{max-height:92dvh;padding:24px 16px 22px;}
  body.site-final .ritual-grid{grid-template-columns:1fr;}
  body.site-final .ritual-subtitle{font-size:16px;}
  body.site-final .ritual-hook,body.site-final .ritual-grid p{font-size:13px;line-height:1.44;}
  body.site-final .ritual-cta{width:100%;font-size:18px;}
}


/* ==========================
   VERSION 30
   Generic USP modal for Jackpot / Ritual + Blood mobile layout fix
   ========================== */

/* CTA text: 20% smaller for all languages */
body.site-final .global-cta .cta-overlay b,
body.site-final .global-cta b{
  font-size:clamp(15px,5.2vw,22px);
  line-height:1.03;
  letter-spacing:-.2px;
  text-align:center;
  max-width:calc(100% - 88px);
  margin:0 auto;
  white-space:normal;
}

@media (min-aspect-ratio:1.001/1){
  body.site-final .global-cta .cta-overlay b,
  body.site-final .global-cta b{
    font-size:21px;
    max-width:calc(100% - 120px);
  }
}

/* Hide old standalone modals if old markup survives cache */
body.site-final .jackpot-modal,
body.site-final .ritual-modal{
  display:none;
}

/* Keep new popup panels in the same Home-feature modal system */
body.site-final .usp-shell{
  max-height:92dvh;
}

body.site-final .jackpot-usp-scroll,
body.site-final .ritual-usp-scroll{
  padding-bottom:32px;
}

body.site-final .jackpot-extra-intro{
  margin-top:8px;
}

body.site-final .jackpot-usp-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:18px;
  margin-top:18px;
  align-items:start;
}

body.site-final .jackpot-usp-main{
  display:grid;
  gap:14px;
}

body.site-final .usp-rich-card{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(225,210,172,.95);
  border-radius:24px;
  box-shadow:0 12px 28px rgba(17,35,87,.08);
  padding:18px;
}

body.site-final .usp-rich-card h4{
  margin:0 0 8px;
  font:900 16px/1.08 Arial,sans-serif;
  color:#0e2969;
}

body.site-final .usp-rich-card p,
body.site-final .usp-tight-list li,
body.site-final .jackpot-combo-flow span,
body.site-final .jackpot-result-strip span{
  font:500 14px/1.46 Arial,sans-serif;
  color:#31456f;
}

body.site-final .usp-rich-card p{
  margin:0;
}

body.site-final .usp-rich-card p + p{
  margin-top:10px;
}

body.site-final .usp-gold-line{
  margin-top:12px;
  font:800 13px/1.38 Arial,sans-serif;
  color:#6b4700;
}

body.site-final .usp-tight-list{
  margin:10px 0 0;
  padding-left:18px;
  display:grid;
  gap:6px;
}

body.site-final .jackpot-power-state{
  min-height:320px;
}

body.site-final .jackpot-combo-card{
  margin-top:16px;
}

body.site-final .jackpot-combo-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

body.site-final .jackpot-combo-flow div{
  min-height:92px;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(180deg,#f4f8ff,#ffffff);
  border:1px solid rgba(205,220,244,.95);
  display:grid;
  gap:5px;
}

body.site-final .jackpot-combo-flow b{
  font:900 14px/1.15 Arial,sans-serif;
  color:#17377d;
}

body.site-final .jackpot-result-strip{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff9e9,#fffef9);
  border:1px solid rgba(225,210,172,.95);
  display:grid;
  gap:4px;
}

body.site-final .jackpot-result-strip b{
  font:900 14px/1 Arial,sans-serif;
  color:#8d5b00;
  text-transform:uppercase;
}

/* Final Ritual cards: square illustration/icon slot at left, text at right */
body.site-final .ritual-ending-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

body.site-final .ritual-ending-card{
  position:relative;
  min-height:148px;
  display:grid;
  grid-template-columns:112px 1fr;
  gap:14px;
  align-items:stretch;
  padding:14px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,#fffaf0,#ffffff);
  border:1px solid rgba(225,210,172,.95);
  box-shadow:0 10px 24px rgba(15,35,87,.08);
}

body.site-final .ritual-ending-art{
  min-width:112px;
  width:112px;
  height:112px;
  border-radius:20px;
  border:2px solid rgba(242,201,76,.95);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 18px rgba(13,36,92,.14);
  display:grid;
  place-items:end start;
  padding:10px;
  color:#fff7d4;
  overflow:hidden;
  background:linear-gradient(140deg,#17397f,#254fa8 45%,#6b2a90);
}

body.site-final .ritual-ending-art span{
  font:900 10px/1.1 Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.5px;
  max-width:80px;
  text-shadow:0 2px 5px rgba(0,0,0,.35);
}

body.site-final .ritual-ending-art.independence{background:linear-gradient(145deg,#1573d1,#2eb6ff 50%,#fff0a8);}
body.site-final .ritual-ending-art.fairy{background:linear-gradient(145deg,#6230c7,#d05bff 48%,#ffe381);}
body.site-final .ritual-ending-art.dark{background:linear-gradient(145deg,#140d35,#3c145b 45%,#d53030);}
body.site-final .ritual-ending-art.king{background:linear-gradient(145deg,#17397f,#2858b8 50%,#f4c84d);}
body.site-final .ritual-ending-art.council{background:linear-gradient(145deg,#11356d,#5b43c5 45%,#f09a21);}
body.site-final .ritual-ending-art.heroes{background:linear-gradient(145deg,#0b5d72,#249c8c 45%,#f5c24a);}

body.site-final .ritual-ending-copy h4{
  margin:0 0 8px;
  font:900 15px/1.08 Arial,sans-serif;
  color:#0f2f74;
}

body.site-final .ritual-ending-copy p{
  margin:0;
  font:500 14px/1.45 Arial,sans-serif;
  color:#30456d;
}

body.site-final .ritual-final-line{
  margin-top:18px;
}

/* Blood mobile: real bar block goes below the hero island, not over it */
@media (max-aspect-ratio:1/1){
  body.site-final .blood .blood-content{
    bottom:104px;
  }

  body.site-final .blood .blood-cards{
    display:none;
  }

  body.site-final .blood .blood-heroes{
    height:285px;
    max-height:34dvh;
    object-fit:cover;
    object-position:center top;
    margin:6px 0 0;
    transform:none;
  }

  body.site-final .blood .blood-power{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    display:block;
    width:96%;
    min-height:74px;
    margin:10px auto 0;
    padding:8px 12px 10px;
    border:2px solid rgba(214,95,48,.38);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,248,239,.98));
    box-shadow:0 8px 18px rgba(14,35,93,.16);
    backdrop-filter:none;
    cursor:pointer;
    z-index:26;
    animation:ritualPulse 1.9s ease-in-out infinite;
  }

  body.site-final .blood .blood-power h4{
    display:block;
    margin:0 0 4px;
    font-size:13px;
    line-height:1.1;
    letter-spacing:.15px;
    text-align:center;
    color:#1e2d6e;
    text-shadow:0 1px 0 #fff;
  }

  body.site-final .blood .blood-power .blood-bar-crop{
    display:block;
    width:100%;
    height:30px;
    overflow:visible;
  }

  body.site-final .blood .blood-power .blood-bar-crop img,
  body.site-final .blood .blood-power img{
    display:block;
    width:100%;
    height:30px;
    object-fit:fill;
    margin:0;
  }

  body.site-final .blood .blood-power-note{
    display:block;
    margin-top:4px;
    font:900 9.5px/1.2 Arial,sans-serif;
    color:#7a3b00;
    text-align:center;
  }

  body.site-final .jackpot-usp-layout,
  body.site-final .ritual-ending-grid{
    grid-template-columns:1fr;
  }

  body.site-final .jackpot-power-state{
    min-height:185px;
  }

  body.site-final .jackpot-combo-flow{
    grid-template-columns:1fr;
  }

  body.site-final .ritual-ending-card{
    min-height:118px;
    grid-template-columns:86px 1fr;
    gap:12px;
    padding:12px;
  }

  body.site-final .ritual-ending-art{
    width:86px;
    min-width:86px;
    height:86px;
    border-radius:18px;
  }

  body.site-final .ritual-ending-copy h4{
    font-size:13.5px;
  }

  body.site-final .ritual-ending-copy p{
    font-size:12.4px;
    line-height:1.38;
  }

  body.site-final .usp-rich-card p,
  body.site-final .usp-tight-list li,
  body.site-final .jackpot-combo-flow span,
  body.site-final .jackpot-result-strip span{
    font-size:13px;
    line-height:1.42;
  }

  body.site-final .usp-rich-card h4{
    font-size:15px;
  }
}

@media (max-width:390px){
  body.site-final .global-cta .cta-overlay b,
  body.site-final .global-cta b{
    font-size:18px;
  }

  body.site-final .blood .blood-heroes{
    height:258px;
  }

  body.site-final .blood .blood-power{
    min-height:68px;
  }

  body.site-final .blood .blood-power h4{
    font-size:11.5px;
  }
}


/* ==========================
   VERSION 31
   Home clickable arrow badges + Blood bar fit + Jackpot spacing + strict crystal brandmark
   ========================== */

/* Header brandmark: icon is always only the crystal image, text is always real text */
body.site-final .brandmark{
  gap:9px;
  align-items:center;
}
body.site-final .brandmark img{
  width:42px;
  height:48px;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));
}
body.site-final .brandmark span{
  display:block;
}
body.site-final .brandmark b,
body.site-final .brandmark small{
  display:block;
  text-rendering:geometricPrecision;
}

/* Home feature cards: remove text hint and replace it with a small circular arrow badge */
body.site-final .home-cards .feature-card[data-feature-popup]::after{
  content:"↗";
  position:absolute;
  top:8px;
  right:8px;
  bottom:auto;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fffef8,#fff2c2 54%,#ffd55c);
  border:2px solid rgba(210,151,20,.78);
  box-shadow:0 5px 11px rgba(12,35,91,.18), inset 0 1px 0 rgba(255,255,255,.88);
  color:#15357f;
  font:900 16px/1 Arial Black,Arial,sans-serif;
  opacity:1;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
  pointer-events:none;
  z-index:4;
}
body.site-final .home-cards .feature-card[data-feature-popup]::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}

/* Give Jackpot popup clean air between the synergy/result card and BREAK THE RAID */
body.site-final .jackpot-combo-card{
  margin-bottom:20px;
}
body.site-final .jackpot-combo-card + .usp-rich-card{
  margin-top:0;
}

/* Blood bar card: make frame include the note and stop clipping the red slider */
@media (max-aspect-ratio:1/1){
  body.site-final .blood .blood-power{
    height:auto;
    min-height:96px;
    padding:10px 14px 16px;
    overflow:visible;
    border-radius:20px;
    box-sizing:border-box;
  }
  body.site-final .blood .blood-power h4{
    margin-bottom:7px;
    font-size:13px;
    line-height:1.12;
  }
  body.site-final .blood .blood-power .blood-bar-crop{
    height:36px;
    min-height:36px;
    overflow:visible;
    display:flex;
    align-items:center;
    transform-origin:center center;
    animation:bloodBarPulse 1.55s ease-in-out infinite;
  }
  body.site-final .blood .blood-power .blood-bar-crop img,
  body.site-final .blood .blood-power > img{
    height:34px;
    min-height:34px;
    width:100%;
    object-fit:fill;
    transform-origin:center center;
  }
  body.site-final .blood .blood-power-note{
    display:block;
    margin:8px 0 0;
    padding:0 4px;
    font:900 10px/1.25 Arial,sans-serif;
    text-align:center;
    color:#7a3b00;
    overflow:visible;
    white-space:normal;
  }
}

@keyframes bloodBarPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.035);}
}

@media (max-width:390px){
  body.site-final .brandmark img{
    width:36px;
    height:42px;
  }
  body.site-final .home-cards .feature-card[data-feature-popup]::after{
    width:24px;
    height:24px;
    top:7px;
    right:7px;
    font-size:14px;
  }
  body.site-final .blood .blood-power{
    min-height:90px;
    padding-bottom:14px;
  }
  body.site-final .blood .blood-power .blood-bar-crop{
    height:34px;
  }
  body.site-final .blood .blood-power .blood-bar-crop img,
  body.site-final .blood .blood-power > img{
    height:32px;
  }
}


/* ==========================
   VERSION 32
   Mobile-only layout fixes + translated popup CTA style
   ========================== */

/* Popup bottom CTAs: flat blue instead of yellow fantasy button */
body.site-final .usp-cta,
body.site-final .gift-cta{
  background:#16469b;
  background-image:none;
  border:0;
  box-shadow:none;
  color:#ffffff;
  text-shadow:none;
  border-radius:18px;
  font-family:Arial Black,Arial,sans-serif;
  font-weight:900;
  letter-spacing:0;
}
body.site-final .usp-cta:hover,
body.site-final .gift-cta:hover{
  background:#0f357d;
}

/* Mobile-only requested fixes */
@media (max-aspect-ratio:1/1){
  /* Center subtitles/ribbons on every page except Home */
  body.site-final .screen:not(.home) .ribbon{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:calc(100% - 0px);
    max-width:100%;
    transform:none;
    padding-left:8px;
    padding-right:8px;
  }
  body.site-final .screen:not(.home) .ribbon .ribbon-part,
  body.site-final .screen:not(.home) .ribbon span{
    display:inline;
    text-align:center;
  }

  /* AI hero popup: ult icon belongs to the header, no ULTIMATE label, text below uses full width */
  body.site-final .hero-copy-card{
    padding:16px;
  }
  body.site-final .hero-name-row{
    display:grid;
    grid-template-columns:1fr 60px;
    grid-template-areas:
      "name ult"
      "class ult";
    gap:6px 10px;
    align-items:center;
    margin-bottom:12px;
  }
  body.site-final .hero-name-row h3{
    grid-area:name;
    margin:0;
  }
  body.site-final .hero-class{
    grid-area:class;
    width:max-content;
    max-width:100%;
    margin:0;
  }
  body.site-final .hero-ult-slot{
    grid-area:ult;
    position:static;
    width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.site-final .hero-ult-slot small{
    display:none;
  }
  body.site-final .hero-ult-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    font-size:15px;
  }

  /* Builds artifacts: five equal rounded square frames */
  body.site-final .builds .artifact-row{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:auto auto 56px;
    align-items:center;
    justify-items:center;
    gap:6px;
    height:118px;
    padding:18px 14px 10px;
  }
  body.site-final .builds .artifact-row b{
    grid-column:1/-1;
    position:static;
    transform:none;
    padding:0;
    line-height:1;
  }
  body.site-final .builds .artifact-row em{
    grid-column:1/-1;
    display:block;
    margin:0;
    font:800 10px/1.1 Arial,sans-serif;
    color:#17377d;
    text-align:center;
  }
  body.site-final .builds .artifact-row span{
    width:54px;
    height:54px;
    aspect-ratio:1/1;
    border-radius:13px;
    display:grid;
    place-items:center;
    padding:0;
    box-sizing:border-box;
    background:#23105f;
    border:3px solid #e8ab1b;
  }
  body.site-final .builds .artifact-row span img{
    width:44px;
    height:44px;
    max-width:44px;
    max-height:44px;
    object-fit:contain;
  }

  /* Blood slider headline: smaller, one line */
  body.site-final .blood .blood-power h4{
    font-size:10.5px;
    line-height:1.05;
    white-space:nowrap;
    margin-bottom:7px;
    letter-spacing:0;
  }
}

@media (max-width:390px){
  body.site-final .blood .blood-power h4{
    font-size:9.4px;
  }
  body.site-final .builds .artifact-row span{
    width:50px;
    height:50px;
  }
  body.site-final .builds .artifact-row span img{
    width:40px;
    height:40px;
  }
}


/* ==========================
   VERSION 33
   Mobile polish: smaller Artifacts, no Blood tap-note, softer cards without visible outlines
   ========================== */

body.site-final .blood-power-note{
  display:none;
}

/* Modern softer block style: no hard visible contour, only shadow.
   Keep Home unchanged because user asked "all pages except the first". */
@media (max-aspect-ratio:1/1){
  body.site-final .screen:not(.home) article,
  body.site-final .screen:not(.home) .feature-card,
  body.site-final .screen:not(.home) .equipment-card,
  body.site-final .screen:not(.home) .ability-row article,
  body.site-final .screen:not(.home) .artifact-row,
  body.site-final .screen:not(.home) .process-row article,
  body.site-final .screen:not(.home) .blood-power,
  body.site-final .screen:not(.home) .faq-list,
  body.site-final .screen:not(.home) .faq-list details,
  body.site-final .screen:not(.home) .reward-grid article,
  body.site-final .screen:not(.home) .benefit-row article,
  body.site-final .screen:not(.home) .ruler-cards article,
  body.site-final .screen:not(.home) .bonus-cards article,
  body.site-final .screen:not(.home) .choice-card,
  body.site-final .screen:not(.home) .quote-card,
  body.site-final .screen:not(.home) .path-card,
  body.site-final .screen:not(.home) .calendar-row,
  body.site-final .screen:not(.home) .metrics-grid article,
  body.site-final .screen:not(.home) .region-card,
  body.site-final .screen:not(.home) .mission-cards article{
    border-color:transparent;
    outline:none;
    box-shadow:0 12px 24px rgba(19,42,93,.12), 0 2px 6px rgba(19,42,93,.06);
  }

  body.site-final .screen:not(.home) .feature-card,
  body.site-final .screen:not(.home) .equipment-card,
  body.site-final .screen:not(.home) .artifact-row,
  body.site-final .screen:not(.home) .process-row article,
  body.site-final .screen:not(.home) .blood-power,
  body.site-final .screen:not(.home) .reward-grid article,
  body.site-final .screen:not(.home) .benefit-row article,
  body.site-final .screen:not(.home) .ruler-cards article,
  body.site-final .screen:not(.home) .bonus-cards article,
  body.site-final .screen:not(.home) .mission-cards article{
    background:rgba(255,255,255,.94);
  }

  /* Builds / Artifacts: lower height and remove subtitle row */
  body.site-final .builds .artifact-row{
    height:92px;
    min-height:92px;
    grid-template-rows:auto 52px;
    gap:5px;
    padding:14px 14px 8px;
    margin-top:8px;
    align-content:center;
  }

  body.site-final .builds .artifact-row em{
    display:none;
  }

  body.site-final .builds .artifact-row b{
    grid-column:1/-1;
    font-size:17px;
    line-height:1;
    margin:0;
  }

  body.site-final .builds .artifact-row span{
    width:50px;
    height:50px;
    border-radius:13px;
    border-color:#e8ab1b;
    box-shadow:0 7px 13px rgba(15,33,86,.16);
  }

  body.site-final .builds .artifact-row span img{
    width:40px;
    height:40px;
    max-width:40px;
    max-height:40px;
  }

  /* Blood slider block becomes shorter after removing the tap-note */
  body.site-final .blood .blood-power{
    min-height:74px;
    padding:9px 14px 11px;
    overflow:visible;
  }

  body.site-final .blood .blood-power h4{
    margin-bottom:6px;
  }

  body.site-final .blood .blood-power .blood-bar-crop{
    height:34px;
  }

  body.site-final .blood .blood-power .blood-bar-crop img,
  body.site-final .blood .blood-power > img{
    height:32px;
  }
}

@media (max-width:390px){
  body.site-final .builds .artifact-row{
    height:86px;
    min-height:86px;
    padding-top:12px;
  }

  body.site-final .builds .artifact-row b{
    font-size:15px;
  }

  body.site-final .builds .artifact-row span{
    width:46px;
    height:46px;
  }

  body.site-final .builds .artifact-row span img{
    width:37px;
    height:37px;
  }

  body.site-final .blood .blood-power{
    min-height:70px;
    padding-bottom:10px;
  }
}


/* ==========================
   VERSION 34
   Lazy popup chunks, SEO pages, RTL and CTA polish
   ========================== */
body.site-final .usp-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 18px;
  text-align:center;
  white-space:normal;
  line-height:1.08;
  font-size:clamp(13px,3.8vw,18px);
  overflow-wrap:anywhere;
}

body.site-final .explore-link-wrap{
  display:block;
  text-decoration:none;
}

body.site-final .rewards .reward-hero{
  cursor:pointer;
}

@media (max-aspect-ratio:1/1){
  body.site-final .missions .split-panels,
  body.site-final .builds .compact-cards{
    display:none;
  }
  body.site-final .usp-shell{
    max-height:92dvh;
  }
  body.site-final .usp-scroll{
    padding-bottom:28px;
  }
}

html[dir="rtl"] body{
  direction:rtl;
}
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .brandmark,
html[dir="rtl"] .global-cta,
html[dir="rtl"] .reward-grid,
html[dir="rtl"] .home-cards{
  direction:rtl;
}
html[dir="rtl"] .usp-modal,
html[dir="rtl"] .gift-modal,
html[dir="rtl"] .menu{
  direction:rtl;
}
html[dir="rtl"] .usp-close,
html[dir="rtl"] .gift-close,
html[dir="rtl"] .menu-close{
  left:16px;
  right:auto;
}

/* SEO standalone pages */
.seo-page{background:#eef5ff;color:#102b68;font-family:Arial,sans-serif;}
.seo-shell{max-width:920px;margin:0 auto;padding:48px 24px 80px;}
.seo-shell h1{font:900 clamp(32px,5vw,56px)/1 Arial Black,Arial,sans-serif;margin:18px 0;color:#102b68;}
.seo-shell h2{font:900 22px/1.1 Arial,sans-serif;margin-top:28px;color:#15357f;}
.seo-shell p{font:500 17px/1.6 Arial,sans-serif;color:#2b416e;}
.seo-back,.seo-links a{color:#16469b;font-weight:900;text-decoration:none;}
.seo-links{display:grid;gap:10px;margin:26px 0;padding:22px;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(17,35,87,.08);}
.seo-links a{display:inline-block;margin:4px 12px 4px 0;}
html[dir="rtl"] .seo-shell{text-align:right;}

/* VERSION 35: full language switcher grid */
@media(max-width:420px){}


/* ==========================
   VERSION 36
   Localization asset path fix, popup grid fix, sitemap simplification polish
   ========================== */

/* Builds subtitle: color meaningful parts + divider */
body.site-final .builds .ribbon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}
body.site-final .builds .ribbon .goldword{color:#c58a00;}
body.site-final .builds .ribbon .blueword{color:#0963d8;}
body.site-final .builds .ribbon .dotword{color:#d12525;}

/* Living Kingdom popup: after removing points 5-7, force the remaining 4 points into a clean 2x2 grid */
body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid article{
  grid-column:auto;
}
body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid article:last-child{
  grid-column:auto;
}

/* Final Ritual: add clear air between ending cards and BEYOND THE ENDING */
body.site-final .ritual-ending-grid + .ritual-beyond-card,
body.site-final .ritual-ending-grid + .usp-rich-card{
  margin-top:22px;
}

/* Explore page simplified sitemap */
body.site-final.explore-page .explore-lang{
  margin:20px 0;
  padding:20px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(16,43,104,.08);
}
body.site-final.explore-page .explore-lang h2{
  margin:0 0 12px;
}
body.site-final.explore-page .explore-link-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px 12px;
}
body.site-final.explore-page .explore-link-grid a{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:#f4f8ff;
  color:#16469b;
  font-weight:900;
  text-decoration:none;
}

@media(max-aspect-ratio:1/1){
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid article{
    min-height:0;
    padding:16px 14px;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid h4{
    font-size:15px;
    line-height:1.05;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid p{
    font-size:13px;
    line-height:1.36;
  }
}

@media(max-width:370px){
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid{
    gap:10px;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid article{
    padding:14px 12px;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid h4{
    font-size:13.5px;
  }
  body.site-final .usp-panel[data-popup-panel="kingdom"] .kingdom-grid p{
    font-size:12px;
  }
}


/* ==========================
   VERSION 37
   Excel-driven localized popup exact UI panels
   ========================== */
body.site-final .popup-exact-cards{
  display:grid;
  gap:16px;
  margin-top:18px;
}
body.site-final .popup-exact-cards .usp-rich-card{
  margin:0;
}
body.site-final .popup-exact-cards .usp-rich-card h4{
  margin-bottom:8px;
}
html[dir="rtl"] body.site-final .popup-exact-cards,
html[dir="rtl"] body.site-final .usp-header{
  text-align:right;
}

/* ==========================
   VERSION 42
   Clean localization rollback + RTL mobile polish
   Root /index.html stays untouched.
   ========================== */

html[dir="rtl"] .global-cta{
  direction:ltr;
  text-align:center;
  justify-content:center;
}

html[dir="rtl"] .global-cta .cta-overlay{
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 34px;
  width:100%;
  box-sizing:border-box;
}

html[dir="rtl"] .global-cta .cta-overlay b{
  display:block;
  width:100%;
  text-align:center;
  direction:rtl;
  unicode-bidi:plaintext;
  line-height:.9;
  margin:0 auto;
}

html[dir="rtl"] .rewards .reward-hero,
html[dir="rtl"] .rewards-banner{
  display:block;
  margin-left:auto;
  margin-right:auto;
  object-position:center center;
  transform:none;
}

html[dir="rtl"] .usp-modal,
html[dir="rtl"] .usp-shell,
html[dir="rtl"] .usp-body{
  text-align:right;
}

html[dir="rtl"] .usp-close,
html[dir="rtl"] .gift-close,
html[dir="rtl"] .region-close{
  left:16px;
  right:auto;
}

html[dir="rtl"] .spread-logo,
html[dir="rtl"] .title-logo{
  object-position:center center;
}

html[dir="rtl"] .reward-grid article,
html[dir="rtl"] .benefit-row article,
html[dir="rtl"] .feature-card{
  text-align:center;
}

/* ==========================
   VERSION 43 — localization integrity + RTL fixes
   ========================== */
body.site-final .region small{display:block;opacity:.92;white-space:normal;}
body.site-final .ruler-cards article p{min-height:2.2em;}
body.site-final .benefits-row span{overflow:hidden;text-align:left;}
body.site-final .faq-list summary{line-height:1.05;}
body.site-final .faq-list p{line-height:1.25;}
html[dir="rtl"] body.site-final .global-cta{direction:ltr;text-align:center;left:50%;right:auto;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;}
html[dir="rtl"] body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;}
html[dir="rtl"] body.site-final .global-cta .cta-overlay{position:absolute;inset:0;left:0;right:0;top:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 46px;box-sizing:border-box;transform:none;}
html[dir="rtl"] body.site-final .global-cta .cta-overlay b{position:static;display:block;width:100%;text-align:center;direction:rtl;unicode-bidi:plaintext;white-space:normal;line-height:.92;margin:0 auto;transform:none;}
html[dir="rtl"] body.site-final .rewards .reward-hero, html[dir="rtl"] body.site-final .reward-hero{display:block;margin-left:auto;margin-right:auto;left:auto;right:auto;transform:none;object-position:center center;}
html[dir="rtl"] body.site-final .spread-hero.rewards-banner, html[dir="rtl"] body.site-final .rewards-banner{display:block;margin-left:auto;margin-right:auto;left:auto;right:auto;transform:none;object-position:center center;}
html[dir="rtl"] body.site-final .benefits-row span{direction:rtl;text-align:right;border-right:0;border-left:1px solid #dde6f2;}
html[dir="rtl"] body.site-final .benefits-row span:last-child{border-left:0;}
html[dir="rtl"] body.site-final .faq-list summary:after{margin-left:0;margin-right:auto;}
html[dir="rtl"] body.site-final .faq-list p{padding:0 42px 8px 12px;text-align:right;}
html[dir="rtl"] body.site-final .region{text-align:right;}
html[dir="rtl"] body.site-final .region img{margin-left:6px;margin-right:0;}

/* ==========================
   VERSION 44 — expansion region labels, root-like localized lazy popups, Arabic CTA/banner centering
   ========================== */

/* Localized expansion map buttons: icon + region name only. The description belongs to the region popup. */
body.site-final #expansion .region small{display:none;}
body.site-final #expansion .region{
  gap:8px;
  align-items:center;
  justify-content:center;
}

/* Arabic: center and shift CTA text slightly right within the golden button. */
html[dir="rtl"] body.site-final .global-cta{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
html[dir="rtl"] body.site-final .global-cta .cta-overlay{
  position:absolute;
  inset:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 20px 0 74px;
  box-sizing:border-box;
  transform:translateX(26px);
}
html[dir="rtl"] body.site-final .global-cta .cta-overlay b{
  display:block;
  width:100%;
  max-width:300px;
  margin:0 auto;
  text-align:center;
  direction:rtl;
  unicode-bidi:plaintext;
  white-space:normal;
  line-height:.86;
  transform:none;
}

/* Arabic Rewards hero/banner centering. */
html[dir="rtl"] body.site-final .rewards .reward-hero,
html[dir="rtl"] body.site-final .reward-hero,
html[dir="rtl"] body.site-final .rewards-banner{
  display:block;
  position:relative;
  left:auto;
  right:auto;
  margin-left:auto;
  margin-right:auto;
  transform:translateX(24px);
  object-position:center center;
}

/* Arabic popup close stays visible and not mirrored over content. */
html[dir="rtl"] body.site-final .usp-close,
html[dir="rtl"] body.site-final .gift-close,
html[dir="rtl"] body.site-final .region-close{
  left:16px;
  right:auto;
}


/* ==========================
   VERSION 46
   Static sitemap pages, contact form and localized standalone pages
   ========================== */
body.site-final.static-feature-page{background:linear-gradient(180deg,#eaf5ff 0%,#f8fbff 42%,#ffffff 100%);min-height:100dvh;overflow-x:hidden;scroll-snap-type:none;color:#102b68;}
body.site-final .static-topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(14px,3vw,38px);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,190,95,.55);box-shadow:0 8px 24px rgba(13,41,102,.08);}
body.site-final .static-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#071b52;text-shadow:0 1px 0 #fff;}
body.site-final .static-brand img{width:36px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));}
body.site-final .static-brand b{display:block;font:900 18px/1 Arial Black,Impact,sans-serif;letter-spacing:.3px;}
body.site-final .static-brand small{display:block;font:900 9px/1 Arial,sans-serif;color:#9a4f04;letter-spacing:.8px;}
body.site-final .static-topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
body.site-final .static-topbar nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#fff,#edf4ff);border:1px solid rgba(190,209,245,.95);color:#123477;text-decoration:none;font:900 12px/1 Arial,sans-serif;box-shadow:0 5px 14px rgba(12,41,103,.08);}
body.site-final .static-page-shell{width:min(1180px,100%);margin:0 auto;padding:30px clamp(14px,3vw,34px) 80px;}
body.site-final .static-article-hero{position:relative;overflow:hidden;border-radius:30px;padding:clamp(24px,4vw,44px);margin:6px 0 22px;background:radial-gradient(circle at 8% 10%,rgba(255,213,89,.36),transparent 34%),linear-gradient(135deg,#ffffff 0%,#f3f8ff 52%,#e4f0ff 100%);border:2px solid rgba(230,192,76,.65);box-shadow:0 18px 46px rgba(20,56,129,.12),inset 0 1px 0 rgba(255,255,255,.95);}
body.site-final .static-kicker{margin:0 0 10px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#b07805;}
body.site-final .static-article-hero h1{margin:0 0 12px;font:900 clamp(34px,6vw,72px)/.9 Arial Black,Arial,sans-serif;color:#102d70;text-transform:uppercase;text-shadow:0 2px 0 #fff;}
body.site-final .static-article-hero p{max-width:880px;margin:0;font:700 clamp(16px,2vw,22px)/1.4 Arial,sans-serif;color:#2b416e;}
body.site-final .static-landing-slice{border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 18px 54px rgba(18,47,111,.18);border:2px solid rgba(232,191,74,.7);margin:0 0 24px;}
body.site-final .static-landing-slice .screen{height:auto;min-height:820px;scroll-snap-align:none;background:#fff;}
body.site-final .static-landing-slice .canvas{height:900px;max-height:none;min-height:820px;box-shadow:none;}
body.site-final .static-landing-slice .global-cta{display:none;}
body.site-final .static-readable-card{border-radius:28px;background:#fff;padding:24px;box-shadow:0 14px 34px rgba(13,41,102,.08);border:1px solid rgba(204,218,250,.9);}
body.site-final .static-readable-card h2{margin:0 0 10px;font:900 28px/1.05 Arial Black,Arial,sans-serif;color:#102d70;text-transform:uppercase;}
body.site-final .static-readable-card p{margin:0 0 16px;font:600 16px/1.55 Arial,sans-serif;color:#344a76;}
body.site-final .static-readable-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
body.site-final .static-readable-card li{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid rgba(207,221,250,.95);font:900 13px/1.25 Arial,sans-serif;color:#17377d;}
body.site-final .static-more-links{margin:24px 0 0;border-radius:28px;background:#fff;padding:22px;box-shadow:0 14px 34px rgba(13,41,102,.08);border:1px solid rgba(204,218,250,.9);}
body.site-final .static-more-links h2{margin:0 0 14px;font:900 22px/1.1 Arial Black,Arial,sans-serif;color:#102d70;text-transform:uppercase;}
body.site-final .static-more-links div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
body.site-final .static-more-links a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#eaf2ff);border:1px solid rgba(205,220,249,.95);color:#16469b;text-decoration:none;font:900 13px/1.15 Arial,sans-serif;}
body.site-final .static-cta{display:flex;align-items:center;justify-content:center;width:min(520px,100%);min-height:62px;margin:26px auto 0;border-radius:999px;background:linear-gradient(180deg,#ffd74e,#ffb300 54%,#ff9200);border:3px solid #ffcf43;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(171,82,0,.22),0 10px 18px rgba(23,37,105,.2);color:#112f73;font:900 clamp(17px,2.4vw,24px)/1 Arial Black,Arial,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.55);}
body.site-final .static-popup-card{border-radius:32px;background:linear-gradient(180deg,#fffef9,#fff);border:2px solid rgba(232,191,74,.75);box-shadow:0 18px 54px rgba(18,47,111,.16);overflow:hidden;}
body.site-final.static-popup-page .usp-panel{display:block;width:100%;height:auto;visibility:visible;}
body.site-final.static-popup-page .usp-scroll{height:auto;max-height:none;overflow:visible;padding:clamp(18px,3vw,34px);}
body.site-final.static-popup-page .hero-slides{display:grid;gap:18px;min-height:0;}
body.site-final.static-popup-page .hero-slide{display:grid;position:relative;}
body.site-final.static-popup-page .hero-thumb-row,.static-popup-page .hero-nav,.static-popup-page .hero-slide-counter{display:none;}
body.site-final.static-contact-page .contact-hero-card{display:grid;grid-template-columns:1fr minmax(160px,260px);gap:22px;align-items:center;border-radius:32px;background:radial-gradient(circle at 82% 20%,rgba(255,215,69,.34),transparent 30%),linear-gradient(135deg,#fff,#eef6ff);border:2px solid rgba(232,191,74,.72);padding:clamp(24px,4vw,44px);box-shadow:0 18px 54px rgba(18,47,111,.14);}
body.site-final.static-contact-page .contact-hero-card h1{margin:0 0 12px;font:900 clamp(34px,5vw,64px)/.95 Arial Black,Arial,sans-serif;color:#102d70;text-transform:uppercase;}
body.site-final.static-contact-page .contact-hero-card p{font:700 18px/1.45 Arial,sans-serif;color:#2b416e;}
body.site-final.static-contact-page .contact-hero-card img{width:100%;filter:drop-shadow(0 12px 18px rgba(15,42,102,.18));}
body.site-final .contact-form{margin:24px 0 0;display:grid;gap:16px;border-radius:30px;background:#fff;padding:clamp(18px,3vw,30px);border:1px solid rgba(204,218,250,.9);box-shadow:0 14px 34px rgba(13,41,102,.08);}
body.site-final .contact-form label{display:grid;gap:7px;font:900 13px/1 Arial,sans-serif;color:#17377d;text-transform:uppercase;letter-spacing:.5px;}
body.site-final .contact-form input,body.site-final .contact-form textarea{width:100%;border-radius:16px;border:1px solid rgba(190,209,245,.98);background:#f8fbff;padding:14px 15px;font:600 16px/1.35 Arial,sans-serif;color:#102b68;outline:none;}
body.site-final .contact-form textarea{resize:vertical;min-height:160px;}
body.site-final .contact-form button{min-height:58px;border-radius:999px;border:3px solid #ffcf43;background:linear-gradient(180deg,#ffd74e,#ffae00);color:#112f73;font:900 20px/1 Arial Black,Arial,sans-serif;cursor:pointer;box-shadow:0 10px 18px rgba(23,37,105,.18),inset 0 -4px 0 rgba(171,82,0,.18);}
body.site-final .contact-note{margin:0;font:600 13px/1.4 Arial,sans-serif;color:#53638f;}
body.site-final .hidden-field{display:none;}
body.site-final .menu-panel nav a.sitemap,body.site-final .menu-panel nav a.contact{grid-column:auto;text-align:center;background:linear-gradient(#f5f9ff,#e8f0ff);color:#0d2b77;}
body.site-final .menu-panel nav a.privacy{grid-column:1/3;}
body.site-final.explore-page .static-topbar{margin-bottom:10px;}
body.site-final.explore-page .explore-shell{max-width:1180px;}
@media(max-width:720px){
 body.site-final .static-topbar{position:relative;align-items:flex-start;flex-direction:column;}
 body.site-final .static-topbar nav{justify-content:flex-start;}
 body.site-final .static-page-shell{padding-top:18px;}
 body.site-final .static-landing-slice{border-radius:24px;margin-left:-14px;margin-right:-14px;border-left:0;border-right:0;}
 body.site-final .static-landing-slice .screen{min-height:100dvh;}
 body.site-final .static-landing-slice .canvas{width:100%;height:100dvh;min-height:760px;}
 body.site-final.static-contact-page .contact-hero-card{grid-template-columns:1fr;}
 body.site-final.static-contact-page .contact-hero-card img{max-width:210px;margin:auto;}
 body.site-final .static-readable-card ul{grid-template-columns:1fr;}
}
html[dir="rtl"] body.site-final .static-topbar,html[dir="rtl"] body.site-final .static-article-hero,html[dir="rtl"] body.site-final .static-readable-card,html[dir="rtl"] body.site-final .static-more-links,html[dir="rtl"] body.site-final .contact-form{text-align:right;}
html[dir="rtl"] body.site-final .static-topbar nav{justify-content:flex-start;}


/* v47 polish: static pages should be the landing slice itself, not extra explainer cards. */
body.site-final.static-feature-page:not(.static-contact-page) .static-page-shell{padding-top:clamp(10px,2vw,18px);}
body.site-final.static-feature-page:not(.static-contact-page) .static-landing-slice{margin-top:0;}
body.site-final.static-feature-page:not(.static-contact-page) .static-landing-slice > .screen{border-radius:30px;overflow:hidden;box-shadow:0 20px 58px rgba(15,46,102,.14);}

/* v47 contact page: flatter CTA and smaller localized title so long languages fit. */
body.site-final.static-contact-page .contact-hero-card h1,
body.site-final.static-contact-page .contact-hero-card h1{
  font-size:clamp(26px,3.75vw,48px);
  line-height:1.02;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
  hyphens:auto;
}
body.site-final.static-contact-page .contact-hero-card p,
body.site-final.static-contact-page .contact-hero-card p{font-size:clamp(15px,2.4vw,18px);line-height:1.45;}
body.site-final .contact-form button,
body.site-final .contact-form button{
  min-height:54px;
  border-radius:18px;
  border:0;
  background:#f5c945;
  color:#102d70;
  font:900 clamp(16px,4.6vw,20px)/1.05 Arial Black,Arial,sans-serif;
  box-shadow:none;
  text-shadow:none;
  letter-spacing:.01em;
}
body.site-final .contact-form button:active,
body.site-final .contact-form button:active{transform:translateY(1px);background:#eebd2f;}
@media(max-width:720px){
  body.site-final.static-contact-page .contact-hero-card h1,
  body.site-final.static-contact-page .contact-hero-card h1{font-size:clamp(25px,7vw,40px);line-height:1.04;}
  body.site-final.static-contact-page .contact-hero-card{padding:24px 22px;}
}


/* ==========================
   VERSION 48
   Localized mission hints, colored sitemap groups, flat popup/contact buttons,
   taller static landing pages, and desktop header/layout pass.
   ========================== */

/* Explore / sitemap: first landing-section pages (blue), then lazy-popup pages (red), then contacts/privacy/landing (green). */
body.site-final.explore-page .explore-link-grid a{
  border:2px solid transparent;
  box-shadow:0 7px 16px rgba(12,39,92,.07);
  transition:transform .12s ease, box-shadow .12s ease;
}
body.site-final.explore-page .explore-link-grid a:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(12,39,92,.12);}
body.site-final.explore-page .explore-link-grid a.explore-main-link{
  background:linear-gradient(180deg,#eef6ff,#dcecff);
  color:#0b4fc2;
  border-color:#b9d7ff;
}
body.site-final.explore-page .explore-link-grid a.explore-popup-link{
  background:linear-gradient(180deg,#fff1f1,#ffe1e1);
  color:#c52222;
  border-color:#ffc1c1;
}
body.site-final.explore-page .explore-link-grid a.explore-other-link{
  background:linear-gradient(180deg,#effff5,#dcf7e7);
  color:#11733f;
  border-color:#b6eacb;
}
body.site-final.explore-page .explore-lang h2{letter-spacing:.01em;}

/* Static pages generated from landing sections: more vertical room; do not squeeze into one phone viewport. */
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-page-shell{padding-top:clamp(10px,2vw,18px);}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice{margin:0 auto;max-width:min(100%,520px);}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice > .screen{
  height:auto;
  min-height:0;
  display:block;
  overflow:visible;
  padding:0;
  scroll-snap-align:none;
  border-radius:30px;
}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .canvas{
  position:relative;
  width:min(100%,430px);
  height:1120px;
  min-height:1120px;
  max-height:none;
  margin:0 auto;
  border-radius:30px;
  overflow:hidden;
}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .content{
  top:58px;
  bottom:96px;
}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .cta{bottom:18px;}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .missions .mission-cards .feature-card{min-height:168px;}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .builds .build-hero-zone{min-height:330px;height:36%;}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .council .council-table{max-height:210px;margin-bottom:-20px;}
body.site-final.static-feature-page:not(.static-popup-page):not(.static-contact-page) .static-landing-slice .rewards .faq-list{max-height:250px;overflow:auto;}

/* Static lazy-popup pages: simple flat blue preregistration CTA. */
body.site-final.static-popup-page .usp-cta,
body.site-final.static-popup-page a.usp-cta{
  width:min(420px,100%);
  min-height:52px;
  margin-top:22px;
  border-radius:15px;
  border:0;
  background:#1767d8;
  box-shadow:none;
  color:#fff;
  text-shadow:none;
  font:900 clamp(15px,4vw,18px)/1.08 Arial Black,Arial,sans-serif;
  letter-spacing:.01em;
  text-transform:none;
}
body.site-final.static-popup-page .usp-cta:hover{background:#0f56bd;}

/* Contact page: simpler flat yellow CTA and safer heading wrapping. */
body.site-final.static-contact-page .contact-hero-card h1{
  font-size:clamp(23px,3.1vw,40px);
  line-height:1.03;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
  hyphens:auto;
}
body.site-final .contact-form button{
  min-height:52px;
  border-radius:12px;
  border:0;
  background:#f3c83d;
  color:#112f73;
  box-shadow:none;
  text-shadow:none;
  font:900 clamp(15px,4.4vw,20px)/1.05 Arial Black,Arial,sans-serif;
}

/* Mobile localized mission text: give the three long hint cards enough air. */
@media(max-aspect-ratio:1/1){
  body.site-final .missions .mission-cards .feature-card{min-height:146px;padding:7px 5px;}
  body.site-final .missions .mission-cards .feature-card .card-hint{font-size:clamp(7px,2.15vw,9px);line-height:1.13;}
  body.site-final .missions .mission-cards .feature-card p{font-size:clamp(7px,2.05vw,9px);line-height:1.12;}
}

/* DESKTOP v48: CTA moves into header; blocks get a shared virtual frame and less overlap. */
@media(min-aspect-ratio:1.001/1){
  body.site-final{
    --v48-header:72px;
    --v48-frame:min(1500px, calc(100vw - 80px));
    --v48-edge:calc((100vw - var(--v48-frame))/2 + 40px);
    --v48-gap:28px;
    --v48-col:calc((var(--v48-frame) - var(--v48-gap))/2);
    background:#edf6ff;
  }
  body.site-final .global-topbar{
    position:fixed;top:0;left:0;right:0;width:100%;height:var(--v48-header);
    padding:0 28px;background:rgba(255,255,255,.97);box-shadow:0 2px 14px rgba(7,29,82,.11);z-index:120;
    display:flex;align-items:center;justify-content:space-between;transform:none;
  }
  body.site-final .global-topbar .brandmark{width:210px;min-width:170px;gap:9px;}
  body.site-final .global-topbar .brandmark img{width:42px;height:50px;}
  body.site-final .global-topbar .brandmark b{font-size:clamp(20px,1.45vw,27px);line-height:.86;}
  body.site-final .global-topbar .brandmark small{font-size:clamp(9px,.72vw,12px);letter-spacing:.8px;}
  body.site-final .header-context-pill{display:none;}
  body.site-final .desktop-nav{
    display:flex;position:fixed;left:230px;right:430px;top:0;height:var(--v48-header);transform:none;
    align-items:center;justify-content:center;gap:clamp(8px,1.2vw,22px);white-space:nowrap;overflow:hidden;
  }
  body.site-final .desktop-nav a{
    font:900 clamp(11px,.86vw,15px)/1 Arial,sans-serif;padding:26px 0 22px;color:#071358;text-decoration:none;
    max-width:112px;overflow:hidden;text-overflow:ellipsis;
  }
  body.site-final .desktop-nav a.active{color:#0647ff;}
  body.site-final .desktop-nav a.active::after{bottom:6px;height:6px;width:54px;}
  body.site-final .desktop-nav a.active::before{bottom:0;font-size:11px;}
  body.site-final .global-topbar .top-actions{position:fixed;right:28px;top:12px;height:48px;gap:10px;z-index:130;}
  body.site-final .global-topbar .round-icon{width:48px;height:48px;}

  body.site-final .global-cta,
  body.site-final[data-current="home"] .global-cta,
  body.site-final[data-current="missions"] .global-cta,
  body.site-final[data-current="builds"] .global-cta,
  body.site-final[data-current="council"] .global-cta,
  body.site-final[data-current="stories"] .global-cta,
  body.site-final[data-current="expansion"] .global-cta,
  body.site-final[data-current="blood"] .global-cta,
  body.site-final[data-current="rewards"] .global-cta{
    position:fixed;top:13px;right:142px;left:auto;bottom:auto;z-index:126;
    width:258px;min-width:0;max-width:258px;height:46px;min-height:46px;max-height:46px;aspect-ratio:auto;
    border-radius:14px;border:2px solid rgba(216,158,20,.55);background:linear-gradient(180deg,#ffe175,#f6c23b);box-shadow:none;padding:0 10px;overflow:hidden;transform:none;
    display:flex;align-items:center;justify-content:center;
  }
  body.site-final .global-cta:before,
  body.site-final .global-cta .cta-bg-img{display:none;}
  body.site-final .global-cta .cta-overlay{
    position:static;inset:auto;transform:none;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;
  }
  body.site-final .global-cta .cta-overlay b,
  body.site-final .global-cta b{
    display:block;width:100%;text-align:center;color:#102b68;text-shadow:none;text-transform:uppercase;
    font:900 clamp(10px,.72vw,14px)/1.05 Arial Black,Arial,sans-serif;letter-spacing:-.25px;white-space:normal;overflow:hidden;
  }
  body.site-final .global-cta small{display:none;}

  body.site-final .screen{position:relative;height:100dvh;min-height:760px;display:block;overflow:hidden;padding:0;}
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
  body.site-final .canvas:after{display:none;}
  body.site-final .bg{display:none;}
  body.site-final .content{position:absolute;left:50%;right:auto;top:var(--v48-header);bottom:auto;transform:translateX(-50%);width:var(--v48-frame);height:calc(100dvh - var(--v48-header));max-width:1500px;display:block;}

  body.site-final .home .canvas{background-image:url('/assets/madboys.screen.01.home/1%20-%20mb_back2h.webp');}
  body.site-final .missions .canvas{background-image:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh2.webp');}
  body.site-final .builds .canvas{background-image:url('/assets/madboys.screen.03.builds/02%20-%20bd_backh.webp');}
  body.site-final .council .canvas{background-image:url('/assets/madboys.screen.04.council/21%20-%20cn_back2h.webp');}
  body.site-final .stories .canvas{background-image:url('/assets/madboys.screen.05.stories/04%20-%20st_backh.webp');}
  body.site-final .expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final .blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final .rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}

  body.site-final .screen:not(.home) .title-wide,
  body.site-final .screen:not(.home) .rewards-logo,
  body.site-final .screen:not(.home) .blood-logo{
    position:absolute;left:50%;top:12px;transform:translateX(-50%);height:82px;max-height:82px;max-width:min(720px,48vw);width:auto;object-fit:contain;z-index:31;margin:0;
  }
  body.site-final .screen:not(.home) .ribbon{
    position:absolute;left:50%;top:104px;transform:translateX(-50%);width:min(840px,58vw);min-height:38px;height:auto;max-height:46px;margin:0;padding:7px 24px;
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;white-space:normal;text-align:center;overflow:hidden;
    font:900 clamp(13px,.95vw,18px)/1.08 Arial,sans-serif;letter-spacing:.15px;border-radius:999px;z-index:32;
  }

  body.site-final .feature-card,
  body.site-final .mini-panel,
  body.site-final .founder-strip,
  body.site-final .stats-row,
  body.site-final .chips-row,
  body.site-final .influence,
  body.site-final .faq-list,
  body.site-final .reward-grid article,
  body.site-final .process-row article,
  body.site-final .choice-box,
  body.site-final blockquote,
  body.site-final .shift,
  body.site-final .benefits-row,
  body.site-final .map-pills,
  body.site-final .expansion-cards .feature-card{
    border-radius:22px;box-shadow:0 14px 34px rgba(11,36,90,.18);box-sizing:border-box;
  }

  /* Home keeps its asymmetric hero composition, but lower CTA no longer occupies the bottom. */
  body.site-final .home .title-madboys{position:absolute;left:40px;top:44px;width:520px;max-height:135px;margin:0;}
  body.site-final .home .gold-title{position:absolute;left:40px;top:168px;width:520px;font-size:46px;margin:0;}
  body.site-final .home .hero-slogan{position:absolute;left:40px;top:230px;width:520px;font-size:28px;line-height:1.14;margin:0;}
  body.site-final .home .hero-team{position:absolute;left:50%;top:110px;width:500px;height:420px;object-fit:contain;transform:translateX(-45%);}
  body.site-final .home-cards{position:absolute;left:40px;bottom:34px;width:520px;display:flex;flex-direction:column;gap:14px;margin:0;}
  body.site-final .home-cards .feature-card{width:520px;height:108px;display:grid;grid-template-columns:170px 1fr;gap:16px;text-align:left;align-items:center;padding:10px 18px 10px 10px;}
  body.site-final .home-cards .feature-card img{width:170px;height:86px;}
  body.site-final .home .founder-strip{position:absolute;right:40px;top:190px;width:520px;height:96px;}
  body.site-final .home .founder-slogan{position:absolute;right:40px;top:304px;width:520px;font-size:16px;}
  body.site-final .home .stats-row{position:absolute;right:40px;top:372px;width:520px;height:72px;}

  /* Missions: one equal-width lower row + centered wide chips. */
  body.site-final .mission-scene{display:block;position:absolute;left:40px;right:40px;top:154px;height:360px;bottom:auto;min-height:0;background:url('/assets/madboys.screen.02.missions/14%20-%20rw_back.webp') center top/contain no-repeat;z-index:1;}
  body.site-final .missions .chips-row{position:absolute;left:160px;right:160px;top:518px;height:62px;margin:0;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);}
  body.site-final .missions .chips-row span{font-size:clamp(11px,.85vw,15px);gap:8px;}
  body.site-final .missions .chips-row img{width:32px;height:32px;}
  body.site-final .missions .mission-cards{position:absolute;left:40px;top:604px;width:var(--v48-col);height:156px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:5;}
  body.site-final .missions .mission-cards .feature-card{height:156px;min-height:156px;padding:12px 10px;}
  body.site-final .missions .mission-cards .feature-card img{height:48px;width:auto;object-fit:contain;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:clamp(13px,.9vw,17px);line-height:1.02;}
  body.site-final .missions .mission-cards .feature-card p{font-size:clamp(9px,.7vw,12px);line-height:1.12;}
  body.site-final .missions .mission-cards .feature-card .card-hint{font-size:clamp(8px,.62vw,10px);line-height:1.12;margin-top:6px;}
  body.site-final .missions .split-panels{position:absolute;right:40px;top:604px;width:var(--v48-col);height:156px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;z-index:5;}
  body.site-final .missions .mini-panel{height:156px;min-height:156px;padding:14px;}

  /* Builds: left hero/equipment column and right build-system column share the same vertical frame. */
  body.site-final .build-hero-zone{position:absolute;left:40px;top:160px;width:var(--v48-col);height:600px;min-height:0;background:rgba(255,255,255,.20);border:0;box-shadow:none;overflow:visible;}
  body.site-final .build-hero{left:50%;top:70px;width:260px;height:420px;transform:translateX(-50%);}
  body.site-final .builds .item-card{width:210px;height:170px;min-height:170px;padding:12px 10px;}
  body.site-final .builds .item-card.left{left:0;right:auto;}
  body.site-final .builds .item-card.right{right:0;left:auto;}
  body.site-final .builds .item-card.top{top:34px;bottom:auto;}
  body.site-final .builds .item-card.bottom{top:244px;bottom:auto;}
  body.site-final .builds .item-card img{width:100px;height:76px;}
  body.site-final .builds .item-card b{font-size:15px;line-height:1.02;}
  body.site-final .builds .item-card small{font-size:10px;line-height:1.08;}
  body.site-final .builds .jackpot{width:132px;left:50%;top:394px;bottom:auto;}
  body.site-final .builds .ability-row{position:absolute;right:40px;top:160px;width:var(--v48-col);height:270px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:14px;margin:0;}
  body.site-final .builds .ability-row article{height:auto;min-height:0;display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:12px;border-radius:18px;}
  body.site-final .builds .ability-row img{grid-row:1/3;width:86px;height:86px;object-fit:cover;border-radius:12px;}
  body.site-final .builds .ability-row b{font-size:clamp(15px,1vw,18px);align-self:end;}
  body.site-final .builds .ability-row small{font-size:clamp(10px,.75vw,12px);line-height:1.08;align-self:start;}
  body.site-final .builds .compact-cards{position:absolute;right:40px;top:452px;width:var(--v48-col);height:118px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;}
  body.site-final .builds .compact-cards .feature-card{height:118px;min-height:118px;}
  body.site-final .builds .artifact-row{position:absolute;right:40px;top:594px;width:var(--v48-col);height:94px;margin:0;}

  /* Council */
  body.site-final .council .small-pill{position:absolute;left:50%;top:6px;transform:translateX(-50%);height:26px;font-size:12px;z-index:33;}
  body.site-final .council .title-wide{top:36px;height:68px;}
  body.site-final .council .ribbon{top:112px;}
  body.site-final .ruler-cards{position:absolute;left:40px;top:166px;width:var(--v48-col);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;}
  body.site-final .ruler-cards img{height:150px;object-fit:cover;}
  body.site-final .council .influence{position:absolute;left:40px;top:390px;width:var(--v48-col);padding:14px 22px;margin:0;}
  body.site-final .council-table{position:absolute;left:40px;top:500px;width:var(--v48-col);max-height:240px;object-fit:contain;margin:0;}
  body.site-final .bonus-cards{position:absolute;right:40px;top:166px;width:var(--v48-col);display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;}
  body.site-final .bonus-cards .feature-card{height:166px;min-height:166px;display:grid;grid-template-columns:120px 1fr;text-align:left;align-items:center;padding:14px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/4;width:105px;height:105px;object-fit:contain;}
  body.site-final .council .flow-row{position:absolute;right:40px;top:536px;width:var(--v48-col);height:78px;margin:0;}

  /* Stories */
  body.site-final .story-stage{position:absolute;left:40px;top:166px;width:var(--v48-col);height:330px;min-height:0;margin:0;}
  body.site-final .choice-box{left:0;top:20px;width:34%;height:286px;padding:24px 22px;}
  body.site-final .story-hero{left:52%;top:0;height:330px;}
  body.site-final blockquote{right:0;top:76px;width:32%;font-size:clamp(14px,1vw,18px);padding:28px 22px 58px;}
  body.site-final .shift{position:absolute;left:40px;top:522px;width:var(--v48-col);height:170px;min-height:170px;padding:22px 38px;margin:0;}
  body.site-final .fate-cards{position:absolute;right:40px;top:166px;width:var(--v48-col);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;}
  body.site-final .fate-cards article{height:178px;}
  body.site-final .stories .section-kicker{position:absolute;right:40px;top:374px;width:var(--v48-col);font-size:23px;margin:0;}
  body.site-final .journey-row{position:absolute;right:40px;top:420px;width:var(--v48-col);height:104px;margin:0;background:rgba(255,255,255,.92);border-radius:22px;padding:12px;}
  body.site-final .story-facts{position:absolute;right:40px;top:552px;width:var(--v48-col);height:140px;margin:0;display:grid;}

  /* Expansion */
  body.site-final .map-zone{position:absolute;left:40px;right:40px;top:156px;height:420px;min-height:0;width:auto;}
  body.site-final .region{min-height:58px;height:auto;border-radius:14px;font-size:clamp(11px,.9vw,16px);padding:9px 14px;}
  body.site-final .region img{width:36px;height:36px;}
  body.site-final .region small{font-size:clamp(8px,.66vw,11px);}
  body.site-final .map-pills{position:absolute;left:40px;top:604px;width:var(--v48-col);height:96px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:10px;}
  body.site-final .map-pills span{font-size:clamp(8px,.7vw,12px);line-height:1.06;}
  body.site-final .map-pills img{width:38px;height:38px;}
  body.site-final .expansion-cards{position:absolute;right:40px;top:604px;width:var(--v48-col);height:96px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;}
  body.site-final .expansion-cards .feature-card{height:96px;min-height:96px;display:grid;grid-template-columns:70px 1fr;text-align:left;align-items:center;padding:10px;}
  body.site-final .expansion-cards .feature-card img{width:58px;height:58px;}

  /* Blood */
  body.site-final .blood-heroes{position:absolute;left:40px;top:166px;width:var(--v48-col);height:420px;object-fit:contain;margin:0;border-radius:24px;}
  body.site-final .process-row{position:absolute;right:40px;top:166px;width:var(--v48-col);height:190px;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:10px;margin:0;}
  body.site-final .process-row article{height:190px;min-height:190px;padding:16px 12px;}
  body.site-final .blood-power{display:block;position:absolute;right:40px;top:384px;width:var(--v48-col);height:112px;margin:0;padding:14px 24px;}
  body.site-final .blood-cards{position:absolute;right:40px;top:524px;width:var(--v48-col);height:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;}
  body.site-final .blood-cards .feature-card{height:150px;min-height:150px;}

  /* Rewards */
  body.site-final .reward-hero{position:absolute;right:40px;top:166px;width:var(--v48-col);height:224px;object-fit:cover;margin:0;border-radius:22px;}
  body.site-final .reward-grid{position:absolute;right:40px;top:414px;width:var(--v48-col);height:174px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;}
  body.site-final .reward-grid article{height:174px;min-height:174px;padding:12px 8px;}
  body.site-final .benefits-row{position:absolute;right:40px;top:612px;width:var(--v48-col);height:82px;margin:0;padding:10px;}
  body.site-final .faq-list{position:absolute;left:40px;top:166px;width:var(--v48-col);height:528px;margin:0;padding:26px 24px;overflow:auto;}
}

@media(min-aspect-ratio:1.001/1) and (max-width:1300px){
  body.site-final .desktop-nav{left:190px;right:360px;gap:7px;}
  body.site-final .desktop-nav a{font-size:11px;max-width:82px;}
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta{right:126px;width:218px;max-width:218px;}
  body.site-final .global-cta .cta-overlay b{font-size:10px;}
  body.site-final .global-topbar .brandmark{width:160px;}
  body.site-final{--v48-frame:calc(100vw - 48px);--v48-gap:20px;}
  body.site-final .screen:not(.home) .ribbon{width:min(760px,64vw);}
}

html[dir="rtl"] body.site-final .desktop-nav{left:430px;right:230px;}
html[dir="rtl"] body.site-final .global-cta{left:142px;right:auto;direction:rtl;}
html[dir="rtl"] body.site-final .global-topbar .top-actions{left:28px;right:auto;}
@media(min-aspect-ratio:1.001/1) and (max-width:1300px){
  html[dir="rtl"] body.site-final .desktop-nav{left:360px;right:190px;}
  html[dir="rtl"] body.site-final .global-cta{left:126px;right:auto;}
}


/* ==========================
   VERSION 49 — localization cleanup, RTL CTA recenter, story card clarity
   ========================== */
/* Arabic mobile CTA returns to the same centered mobile position as every other locale. */
@media (max-aspect-ratio:1/1){
  html[dir="rtl"] body.site-final .global-cta{
    left:50%;
    right:auto;
    bottom:max(8px,env(safe-area-inset-bottom));
    top:auto;
    transform:translateX(-50%);
    width:min(calc(100vw - 28px),400px);
    height:58px;
    max-width:400px;
    padding:0 18px;
    overflow:hidden;
    direction:ltr;
    justify-content:center;
  }
  html[dir="rtl"] body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
  html[dir="rtl"] body.site-final .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    width:100%;
    padding:0 42px;
    transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
  }
  html[dir="rtl"] body.site-final .global-cta .cta-overlay b{
    max-width:none;
    width:100%;
    text-align:center;
    direction:rtl;
    unicode-bidi:plaintext;
    transform:none;
    margin:0 auto;
    line-height:.9;
    font-size:clamp(20px,6.4vw,29px);
  }
}

/* Remove the heavy gray/dark overlay from Stories late-game fate cards. */
body.site-final .stories .fate-cards article:after,
body.site-final .fate-cards:has(article) article:after{
  display:none;
  content:none;
  background:none;
}
body.site-final .stories .fate-cards h3,
body.site-final .stories .fate-cards p{
  text-shadow:0 2px 3px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.55);
}

/* Slightly more reliable localized caption flow in Missions. */
body.site-final .mini-panel .steps span,
body.site-final .companions span{min-width:0;}


/* ==========================
   VERSION 50 — localization generator cleanup + desktop layout pass
   ========================== */

/* Global mobile CTA: keep it centered and reduce overflow for long localized strings. */
@media (max-aspect-ratio:1/1){
  body.site-final .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    left:50%;
    right:auto;
    bottom:max(8px,env(safe-area-inset-bottom));
    top:auto;
    transform:translateX(-50%);
    width:min(calc(100vw - 24px),400px);
    max-width:400px;
    height:58px;
    padding:0 18px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    direction:ltr;
  }
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
  body.site-final .global-cta .cta-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 34px;box-sizing:border-box;text-align:center;transform:none;width:100%;}
  body.site-final .global-cta .cta-overlay b{display:block;width:100%;max-width:none;font-size:clamp(18px,5.8vw,27px);line-height:.9;letter-spacing:-.2px;white-space:normal;overflow-wrap:anywhere;text-align:center;margin:0 auto;transform:none;}
  html[dir="rtl"] body.site-final .global-cta .cta-overlay b{direction:rtl;unicode-bidi:plaintext;}
}

/* Hide the two Missions helper blocks across the landing design, per v50. */
body.site-final .missions .split-panels{display:none;}

/* Desktop redesign pass. */
@media (min-aspect-ratio:1.001/1){
  body.site-final .header-context-pill{display:none;}

  body.site-final .global-topbar{
    top:0;left:0;right:0;height:82px;padding:0 28px 0 34px;
    display:flex;align-items:center;justify-content:flex-start;gap:24px;
    background:rgba(255,255,255,.96);box-shadow:0 2px 14px rgba(12,38,91,.10);backdrop-filter:blur(8px);
  }
  body.site-final .global-topbar .brandmark{flex:0 0 auto;min-width:190px;width:auto;margin:0;}
  body.site-final .desktop-nav{position:static;transform:none;left:auto;right:auto;top:auto;display:flex;align-items:center;justify-content:flex-start;gap:18px;flex:1 1 auto;white-space:nowrap;overflow:hidden;}
  body.site-final .desktop-nav a{padding:30px 0 26px;font-size:15px;max-width:none;}
  body.site-final .top-actions{position:absolute;right:26px;top:15px;display:flex;gap:10px;z-index:90;}
  body.site-final .top-actions .round-icon{width:50px;height:50px;}

  body.site-final .global-cta,
  body.site-final[data-current="home"] .global-cta,
  body.site-final[data-current="missions"] .global-cta,
  body.site-final[data-current="builds"] .global-cta,
  body.site-final[data-current="council"] .global-cta,
  body.site-final[data-current="stories"] .global-cta,
  body.site-final[data-current="expansion"] .global-cta,
  body.site-final[data-current="blood"] .global-cta,
  body.site-final[data-current="rewards"] .global-cta{
    position:fixed;top:12px;bottom:auto;left:auto;right:144px;transform:none;
    width:300px;height:58px;aspect-ratio:auto;padding:0;background:none;border:0;box-shadow:none;z-index:88;
  }
  body.site-final .global-cta:before{display:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 8px 14px rgba(28,39,94,.24));}
  body.site-final .global-cta .cta-overlay{position:absolute;inset:0;left:12%;right:12%;width:76%;display:flex;align-items:center;justify-content:center;padding:0;}
  body.site-final .global-cta .cta-overlay b{font-size:18px;line-height:1;white-space:nowrap;letter-spacing:-.15px;}

  /* HOME */
  body.site-final .home .title-madboys{left:calc(50% - 320px);top:52px;width:640px;max-height:160px;}
  body.site-final .home .gold-title{left:calc(50% - 220px);top:190px;width:440px;font-size:32px;line-height:1.02;white-space:nowrap;}
  body.site-final .home .hero-slogan{left:40px;top:270px;width:470px;font-size:24px;line-height:1.15;}
  body.site-final .home .hero-team{left:50%;top:168px;width:520px;height:430px;transform:translateX(-50%);z-index:2;}
  body.site-final .home-cards{left:40px;top:340px;bottom:auto;width:430px;display:flex;flex-direction:column;gap:14px;}
  body.site-final .home-cards .feature-card{width:430px;height:116px;grid-template-columns:150px 1fr;gap:14px;padding:10px 14px 10px 10px;}
  body.site-final .home-cards .feature-card img{width:150px;height:92px;object-fit:cover;}
  body.site-final .home-cards .feature-card h3{font-size:22px;line-height:1.02;margin:0 0 4px;}
  body.site-final .home-cards .feature-card p{font-size:14px;line-height:1.12;margin:0;}
  body.site-final .home .founder-strip{right:40px;top:352px;width:430px;height:104px;grid-template-columns:128px 1fr 126px;padding:12px 16px;z-index:4;}
  body.site-final .home .founder-strip img{width:118px;height:84px;}
  body.site-final .home .founder-strip b{font-size:20px;line-height:1.05;}
  body.site-final .home .founder-strip small{font-size:13px;line-height:1.15;}
  body.site-final .home .founder-strip em{font-size:15px;padding:16px 10px;}
  body.site-final .home .founder-slogan{right:40px;top:474px;width:430px;font-size:15px;line-height:1.18;}
  body.site-final .home .stats-row{right:40px;top:534px;width:430px;height:82px;padding:0 12px;}
  body.site-final .home .stats-row img{width:38px;height:38px;}
  body.site-final .home .stats-row b{font-size:24px;}
  body.site-final .home .stats-row small{font-size:11px;line-height:1.08;}

  /* MISSIONS */
  body.site-final .missions .mission-scene{left:40px;right:40px;top:150px;height:360px;}
  body.site-final .missions .chips-row{left:auto;right:40px;top:560px;width:430px;height:72px;grid-template-columns:repeat(5,1fr);padding:8px 10px;}
  body.site-final .missions .chips-row span{font-size:12px;line-height:1.05;gap:6px;}
  body.site-final .missions .chips-row img{width:26px;height:26px;}
  body.site-final .missions .mission-cards{left:40px;right:auto;top:560px;width:620px;height:168px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  body.site-final .missions .mission-cards .feature-card{height:168px;min-height:168px;padding:12px 10px;}
  body.site-final .missions .mission-cards .feature-card img{height:48px;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:16px;}
  body.site-final .missions .mission-cards .feature-card p{font-size:10px;line-height:1.1;}
  body.site-final .missions .mission-cards .card-hint{font-size:8px;line-height:1.12;margin-top:5px;}

  /* BUILDS */
  body.site-final .build-hero-zone{left:40px;top:162px;width:620px;height:590px;background:rgba(255,255,255,.18);border:0;box-shadow:none;}
  body.site-final .build-hero{left:50%;top:78px;width:260px;height:410px;}
  body.site-final .builds .item-card{width:198px;height:168px;min-height:168px;padding:12px 10px;}
  body.site-final .builds .item-card.left{left:0;}
  body.site-final .builds .item-card.right{right:0;}
  body.site-final .builds .item-card.top{top:34px;}
  body.site-final .builds .item-card.bottom{top:246px;bottom:auto;}
  body.site-final .builds .item-card img{width:94px;height:72px;}
  body.site-final .builds .item-card b{font-size:14px;line-height:1.03;}
  body.site-final .builds .item-card small{font-size:10px;line-height:1.08;}
  body.site-final .builds .jackpot{width:148px;left:50%;top:410px;bottom:auto;transform:translateX(-62%);}
  body.site-final .builds .ability-row{right:40px;top:170px;width:560px;height:270px;grid-template-columns:repeat(2,1fr);gap:12px;}
  body.site-final .builds .ability-row article{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;text-align:left;padding:12px;height:auto;min-height:0;border-radius:18px;}
  body.site-final .builds .ability-row img{grid-row:1/3;width:74px;height:74px;border-radius:10px;}
  body.site-final .builds .ability-row b{font-size:15px;align-self:end;}
  body.site-final .builds .ability-row small{font-size:10px;line-height:1.08;align-self:start;}
  body.site-final .builds .compact-cards{display:none;}
  body.site-final .builds .artifact-row{right:40px;top:472px;width:560px;height:92px;padding:24px 18px 12px;gap:12px;}
  body.site-final .builds .artifact-row b{font-size:18px;top:6px;}
  body.site-final .builds .artifact-row span{width:52px;height:52px;flex:0 0 52px;}
  body.site-final .builds .artifact-row img{max-width:40px;max-height:40px;}

  /* COUNCIL */
  body.site-final .council .title-wide{top:34px;height:70px;}
  body.site-final .council .ribbon{top:112px;}
  body.site-final .ruler-cards{left:40px;top:164px;width:620px;gap:14px;}
  body.site-final .ruler-cards img{height:140px;}
  body.site-final .council .influence{left:40px;top:384px;width:620px;padding:14px 22px;}
  body.site-final .bonus-cards{left:40px;right:auto;top:504px;width:620px;grid-template-columns:repeat(2,1fr);gap:14px;}
  body.site-final .bonus-cards .feature-card{height:118px;min-height:118px;grid-template-columns:86px 1fr;padding:12px;}
  body.site-final .bonus-cards .feature-card img{width:72px;height:72px;}
  body.site-final .bonus-cards .feature-card h3{font-size:14px;line-height:1.05;}
  body.site-final .bonus-cards .feature-card p{font-size:10px;line-height:1.1;}
  body.site-final .bonus-cards .feature-card strong{font-size:24px;margin-top:5px;}
  body.site-final .council-table{left:auto;right:56px;top:252px;width:560px;max-height:300px;height:300px;object-fit:contain;margin:0;}
  body.site-final .council .flow-row{display:none;}

  /* STORIES */
  body.site-final .story-stage{left:40px;top:190px;width:500px;height:410px;}
  body.site-final .choice-box{left:0;top:48px;width:190px;height:320px;padding:20px 16px;}
  body.site-final .choice-box h4{font-size:16px;margin-bottom:14px;}
  body.site-final .choice-box img{height:52px;margin:8px 0;}
  body.site-final .choice-box span{margin:-40px 0 22px 58px;font-size:12px;line-height:1.03;}
  body.site-final .story-hero{left:56%;top:36px;height:360px;}
  body.site-final blockquote{right:0;top:128px;width:196px;font-size:15px;line-height:1.18;padding:20px 16px 56px;}
  body.site-final .shift{left:40px;top:624px;width:500px;height:114px;min-height:114px;padding:14px 22px;}
  body.site-final .shift h4{font-size:18px;margin-bottom:10px;}
  body.site-final .shift img{margin-bottom:12px;}
  body.site-final .shift div{font-size:15px;}
  body.site-final .fate-cards{right:40px;top:186px;width:620px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  body.site-final .fate-cards article{height:186px;overflow:hidden;}
  body.site-final .fate-cards img{object-position:center 12px;}
  body.site-final .stories .section-kicker{right:40px;top:398px;width:620px;font-size:21px;}
  body.site-final .journey-row{right:40px;top:440px;width:620px;height:96px;padding:12px;}
  body.site-final .story-facts{right:40px;top:562px;width:620px;height:118px;}

  /* EXPANSION */
  body.site-final .map-zone{left:40px;right:40px;top:162px;height:408px;}
  body.site-final .dead{left:42vw;top:9%;width:18vw;}
  body.site-final .frost{left:4vw;top:3%;width:18vw;}
  body.site-final .whisper{left:8vw;top:28%;width:18vw;}
  body.site-final .mystic{left:44vw;top:66%;width:18vw;}
  body.site-final .viking{right:5vw;top:72%;width:18vw;}
  body.site-final .orc{left:5vw;top:76%;width:18vw;right:auto;}
  body.site-final .iron{right:6vw;top:8%;width:18vw;}
  body.site-final .map-pills{right:40px;left:auto;top:592px;width:620px;height:106px;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px;padding:10px;}
  body.site-final .expansion-cards{left:40px;right:auto;top:592px;width:620px;height:106px;gap:14px;}
  body.site-final .expansion-cards .feature-card{height:106px;min-height:106px;}

  /* BLOOD */
  body.site-final .blood-heroes{left:40px;top:184px;width:560px;height:470px;object-fit:contain;}
  body.site-final .process-row{right:40px;top:188px;width:560px;height:190px;grid-template-columns:1fr 1fr 1fr;gap:14px;}
  body.site-final .process-row article{height:190px;min-height:190px;}
  body.site-final .blood-power{display:block;right:40px;top:412px;width:560px;height:90px;padding:16px 22px;}
  body.site-final .blood-power h4{font-size:16px;line-height:1.08;}
  body.site-final .blood-cards{display:none;}

  /* REWARDS */
  body.site-final .faq-list{left:40px;top:176px;width:560px;height:518px;padding:24px 22px;}
  body.site-final .reward-hero{right:40px;top:176px;width:560px;height:198px;}
  body.site-final .reward-grid{right:40px;top:400px;width:560px;height:164px;gap:10px;}
  body.site-final .reward-grid article{height:164px;min-height:164px;}
  body.site-final .benefits-row{right:40px;top:592px;width:560px;height:92px;padding:10px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width: 1320px){
  body.site-final .desktop-nav{gap:12px;}
  body.site-final .desktop-nav a{font-size:13px;}
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta{right:130px;width:270px;}
  body.site-final .home .title-madboys{width:560px;left:calc(50% - 280px);}
  body.site-final .home .gold-title{left:calc(50% - 200px);width:400px;font-size:28px;}
}

/* ==========================
   VERSION 51 — desktop rebuilt from supplied 8 desktop screenshots.
   Mobile layout is intentionally untouched: every rule below is desktop only.
   ========================== */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v51-stage:min(1280px, calc(100vw - 72px));
    --v51-edge:calc((100vw - var(--v51-stage)) / 2);
    --v51-blue:#0a3fb3;
    --v51-ink:#071b62;
    --v51-panel:rgba(255,255,255,.94);
    --v51-line:rgba(57,116,220,.26);
    --v51-shadow:0 10px 23px rgba(7,31,91,.16), inset 0 1px 0 rgba(255,255,255,.75);
    background:#eaf5ff;
  }
  body.site-final .screen{position:relative;height:100dvh;min-height:760px;padding:0;display:block;overflow:hidden;scroll-snap-align:start;}
  body.site-final .screen::before{display:none;content:none;}
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center;}
  body.site-final .canvas:after{display:none;content:none;}
  body.site-final .canvas::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,.72) 100%);}
  body.site-final .bg{display:none;}
  body.site-final .content{position:absolute;left:50%;right:auto;top:66px;bottom:auto;transform:translateX(-50%);width:var(--v51-stage);height:calc(100dvh - 66px);max-width:1280px;display:block;overflow:visible;}

  /* New wide desktop backgrounds. */
  body.site-final .home .canvas{background-image:url('/assets/madboys.screen.01.home/1%20-%20mb_back2h.webp');background-position:center top;}
  body.site-final .missions .canvas{background-image:url('/assets/madboys.screen.02.missions/14%20-%20rw_backh2.webp');background-position:center center;}
  body.site-final .builds .canvas{background-image:url('/assets/madboys.screen.03.builds/02%20-%20bd_backh.webp');background-position:center center;}
  body.site-final .council .canvas{background-image:url('/assets/madboys.screen.04.council/21%20-%20cn_back2h.webp');background-position:center top;}
  body.site-final .stories .canvas{background-image:url('/assets/madboys.screen.05.stories/04%20-%20st_backh.webp');background-position:center center;}
  body.site-final .expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');background-position:center center;}
  body.site-final .blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');background-position:center center;}
  body.site-final .rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');background-position:center center;}

  /* Rounded desktop-only header from the screenshots. */
  body.site-final .global-topbar{
    position:fixed;left:50%;right:auto;top:10px;transform:translateX(-50%);
    width:var(--v51-stage);height:56px;display:flex;align-items:center;justify-content:flex-start;
    gap:12px;padding:0 16px;border-radius:20px;background:rgba(255,255,255,.97);
    box-shadow:0 8px 20px rgba(22,55,121,.14), inset 0 0 0 1px rgba(98,135,220,.20);backdrop-filter:blur(9px);z-index:100;
  }
  body.site-final .header-context-pill{display:none;}
  body.site-final .brandmark{flex:0 0 150px;width:150px;min-width:150px;height:48px;gap:7px;align-items:center;margin:0;}
  body.site-final .brandmark img{width:35px;height:40px;object-fit:contain;}
  body.site-final .brandmark b{font-size:17px;line-height:.88;letter-spacing:.2px;}
  body.site-final .brandmark small{font-size:7.5px;line-height:1;letter-spacing:.6px;color:#aa6307;}
  body.site-final .desktop-nav{position:static;display:flex;flex:1 1 auto;align-items:center;justify-content:flex-start;gap:10px;transform:none;left:auto;top:auto;right:auto;white-space:nowrap;overflow:hidden;padding-right:350px;}
  body.site-final .desktop-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:48px;height:50px;padding:3px 2px 2px;text-decoration:none;color:#051750;font:900 10px/1.02 Arial,sans-serif;letter-spacing:-.1px;}
  body.site-final .desktop-nav a::before{content:"";width:22px;height:22px;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}
  body.site-final .desktop-nav a[data-target="home"]::before{background-image:url('/assets/branding/mb_upper_home.webp');}
  body.site-final .desktop-nav a[data-target="missions"]::before{background-image:url('/assets/branding/mb_upper_missions.webp');}
  body.site-final .desktop-nav a[data-target="builds"]::before{background-image:url('/assets/branding/mb_upper_builds.webp');}
  body.site-final .desktop-nav a[data-target="council"]::before{background-image:url('/assets/branding/mb_upper_council.webp');}
  body.site-final .desktop-nav a[data-target="stories"]::before{background-image:url('/assets/branding/mb_upper_stories.webp');}
  body.site-final .desktop-nav a[data-target="expansion"]::before{background-image:url('/assets/branding/mb_upper_expansion.webp');}
  body.site-final .desktop-nav a[data-target="blood"]::before{background-image:url('/assets/branding/mb_upper_blood.webp');}
  body.site-final .desktop-nav a[data-target="rewards"]::before{background-image:url('/assets/branding/mb_upper_rewards.webp');}
  body.site-final .desktop-nav a.active, body.site-final .desktop-nav a:hover{color:#0b54d9;}
  body.site-final .desktop-nav a.active::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:28px;height:3px;border-radius:99px;background:#1768ff;}
  body.site-final .top-actions{position:absolute;right:14px;top:8px;display:flex;gap:8px;z-index:101;}
  body.site-final .top-actions .round-icon{width:40px;height:40px;}

  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    position:fixed;left:auto;right:calc(var(--v51-edge) + 104px);top:13px;bottom:auto;transform:none;
    width:242px;height:50px;padding:0;background:none;border:0;box-shadow:none;z-index:102;direction:ltr;overflow:visible;
  }
  body.site-final .global-cta:before{display:none;content:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 4px 8px rgba(34,45,105,.18));display:block;}
  body.site-final .global-cta .cta-overlay{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 34px;box-sizing:border-box;transform:none;}
  body.site-final .global-cta .cta-overlay b{font:900 12px/.92 Arial Black,Arial,sans-serif;color:#09286d;text-transform:uppercase;letter-spacing:-.15px;white-space:normal;text-align:center;width:100%;}

  /* Shared title/ribbon/cards. */
  body.site-final .title-wide, body.site-final .blood-logo, body.site-final .rewards-logo{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:auto;height:92px;max-height:92px;max-width:610px;object-fit:contain;margin:0;z-index:20;}
  body.site-final .ribbon{position:absolute;left:50%;top:108px;transform:translateX(-50%);width:560px;max-width:64vw;height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 22px;border-radius:99px;border:2px solid rgba(226,165,31,.62);background:rgba(255,255,255,.94);box-shadow:0 6px 14px rgba(29,57,118,.13);white-space:nowrap;overflow:hidden;font:900 12px/1 Arial,sans-serif;letter-spacing:.25px;color:#061d68;z-index:19;}
  body.site-final .feature-card,
  body.site-final .founder-strip,
  body.site-final .stats-row,
  body.site-final .chips-row,
  body.site-final .influence,
  body.site-final .choice-box,
  body.site-final blockquote,
  body.site-final .shift,
  body.site-final .map-pills,
  body.site-final .reward-grid article,
  body.site-final .benefits-row,
  body.site-final .faq-list details,
  body.site-final .process-row article,
  body.site-final .item-card,
  body.site-final .artifact-row{background:var(--v51-panel);border:1px solid var(--v51-line);border-radius:16px;box-shadow:var(--v51-shadow);backdrop-filter:blur(5px);box-sizing:border-box;}
  body.site-final .feature-card h3{margin:0 0 4px;font:900 15px/1.03 Arial,sans-serif;color:#0a2670;}
  body.site-final .feature-card p{margin:0;font:700 10px/1.12 Arial,sans-serif;color:#26385f;}

  /* 01 HOME */
  body.site-final .home .title-madboys{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:560px;max-width:48vw;height:auto;max-height:122px;margin:0;z-index:21;}
  body.site-final .home .gold-title{position:absolute;left:50%;top:105px;transform:translateX(-50%);width:520px;margin:0;text-align:center;font:900 28px/1 Georgia,serif;letter-spacing:2.5px;color:#a65c07;text-shadow:0 1px 0 #fff,0 2px 0 #d8ad53;white-space:nowrap;z-index:21;}
  body.site-final .home .hero-slogan{position:absolute;left:50%;top:145px;transform:translateX(-50%);width:620px;max-width:54vw;height:30px;display:flex;align-items:center;justify-content:center;margin:0;border:2px solid rgba(226,165,31,.62);border-radius:99px;background:rgba(255,255,255,.94);box-shadow:0 6px 14px rgba(29,57,118,.13);font:900 13px/1 Arial,sans-serif;color:#09205e;white-space:nowrap;z-index:21;}
  body.site-final .home .hero-slogan br{display:none;}
  body.site-final .home .hero-team{position:absolute;left:50%;top:158px;transform:translateX(-50%);width:520px;height:245px;max-height:none;object-fit:contain;margin:0;z-index:5;filter:drop-shadow(0 13px 16px rgba(10,41,95,.18));}
  body.site-final .home-cards{position:absolute;left:50%;top:414px;transform:translateX(-50%);width:1040px;max-width:calc(100% - 96px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;z-index:12;}
  body.site-final .home-cards .feature-card{height:104px;min-height:104px;display:grid;grid-template-columns:122px 1fr;gap:12px;align-items:center;text-align:left;padding:9px 14px 9px 9px;}
  body.site-final .home-cards .feature-card img{width:122px;height:84px;object-fit:cover;border-radius:13px;}
  body.site-final .home-cards .feature-card h3{font-size:17px;}
  body.site-final .home-cards .feature-card p{font-size:10px;}
  body.site-final .home .founder-strip{position:absolute;left:50%;top:536px;transform:translateX(-50%);width:780px;max-width:72vw;height:74px;display:grid;grid-template-columns:116px 1fr 166px;gap:14px;align-items:center;margin:0;padding:8px 14px;z-index:12;}
  body.site-final .home .founder-strip > img:first-child{width:100px;height:56px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:17px;line-height:1.04;color:#0b266f;}
  body.site-final .home .founder-strip small{font-size:10px;line-height:1.1;color:#34425f;}
  body.site-final .home .view-rewards-button{position:relative;width:154px;height:48px;border:0;background:transparent;padding:0;}
  body.site-final .home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .home .view-rewards-text{position:absolute;left:17px;right:31px;top:50%;transform:translateY(-50%);text-align:center;font:900 11px/1 Arial,sans-serif;color:#09266f;}
  body.site-final .home .founder-slogan{position:absolute;left:50%;top:622px;transform:translateX(-50%);width:720px;margin:0;text-align:center;font:900 12px/1.1 Arial,sans-serif;color:#071d5b;text-shadow:0 1px 0 #fff;z-index:12;}
  body.site-final .home .stats-row{display:none;}

  /* 02 MISSIONS */
  body.site-final .missions .mission-scene{position:absolute;left:50%;top:148px;transform:translateX(-50%);width:840px;max-width:72vw;height:350px;min-height:0;margin:0;z-index:2;}
  body.site-final .missions .chips-row{position:absolute;left:50%;top:502px;transform:translateX(-50%);width:880px;max-width:76vw;height:54px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:center;margin:0;padding:6px 10px;z-index:12;}
  body.site-final .missions .chips-row span{display:flex;align-items:center;justify-content:center;gap:6px;font:900 11px/1.05 Arial,sans-serif;color:#24315f;text-align:center;}
  body.site-final .missions .chips-row img{width:28px;height:28px;object-fit:contain;}
  body.site-final .missions .mission-cards{position:absolute;left:50%;top:572px;transform:translateX(-50%);width:980px;max-width:82vw;height:140px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;z-index:12;}
  body.site-final .missions .mission-cards .feature-card{height:140px;min-height:140px;display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;text-align:left;align-items:center;padding:10px 14px;column-gap:12px;}
  body.site-final .missions .mission-cards .feature-card img{grid-row:1/4;width:72px;height:72px;object-fit:contain;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:15px;align-self:end;}
  body.site-final .missions .mission-cards .feature-card p{font-size:10px;}
  body.site-final .missions .mission-cards .card-hint{font:700 8px/1.12 Arial,sans-serif;color:#4a5270;margin-top:3px;}
  body.site-final .missions .split-panels{display:none;}

  /* 03 BUILDS */
  body.site-final .build-hero-zone{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:820px;max-width:72vw;height:360px;min-height:0;margin:0;background:transparent;border:0;box-shadow:none;z-index:5;}
  body.site-final .build-hero{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:210px;height:300px;object-fit:contain;z-index:5;}
  body.site-final .builds .item-card{position:absolute;width:250px;height:94px;min-height:94px;display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:9px 12px;z-index:9;}
  body.site-final .builds .item-card img{grid-row:1/3;width:74px;height:64px;object-fit:contain;}
  body.site-final .builds .item-card b{font-size:12px;line-height:1.03;color:#071d5d;}
  body.site-final .builds .item-card small{font-size:8px;line-height:1.08;color:#34405f;}
  body.site-final .builds .item-card.left{left:0;right:auto;}
  body.site-final .builds .item-card.right{right:0;left:auto;}
  body.site-final .builds .item-card.top{top:22px;bottom:auto;}
  body.site-final .builds .item-card.bottom{top:154px;bottom:auto;}
  body.site-final .builds .jackpot{position:absolute;left:50%;top:222px;bottom:auto;transform:translateX(-50%);width:138px;height:auto;z-index:10;}
  body.site-final .builds .ability-row{position:absolute;left:50%;top:522px;transform:translateX(-50%);width:760px;max-width:72vw;height:108px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;z-index:12;}
  body.site-final .builds .ability-row article{height:108px;min-height:108px;border-radius:14px;background:#06194f;color:white;overflow:hidden;text-align:center;display:block;padding:0;box-shadow:0 9px 18px rgba(5,20,58,.22);}
  body.site-final .builds .ability-row img{width:100%;height:70px;object-fit:cover;display:block;border-radius:0;}
  body.site-final .builds .ability-row b{display:block;margin:3px 4px 1px;font-size:11px;line-height:1;color:#fff;}
  body.site-final .builds .ability-row small{display:block;font-size:8px;line-height:1.05;color:#dce7ff;margin:0 6px;}
  body.site-final .builds .compact-cards{display:none;}
  body.site-final .builds .artifact-row{position:absolute;left:50%;top:646px;transform:translateX(-50%);width:520px;height:70px;margin:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 18px 10px;z-index:12;}
  body.site-final .builds .artifact-row b{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:14px;line-height:1;color:#091c61;background:transparent;}
  body.site-final .builds .artifact-row span{width:46px;height:42px;display:grid;place-items:center;border-radius:12px;background:#061a55;box-shadow:inset 0 0 0 2px rgba(255,200,49,.72);}
  body.site-final .builds .artifact-row img{max-width:36px;max-height:34px;object-fit:contain;}

  /* 04 COUNCIL */
  body.site-final .council .small-pill{position:absolute;right:150px;top:30px;left:auto;transform:none;width:150px;height:34px;margin:0;padding:0;font-size:0;background:url('/assets/madboys.screen.04.council/23%20-%20cn_btn_favorite.webp') center/contain no-repeat;border:0;box-shadow:none;z-index:25;}
  body.site-final .ruler-cards{position:absolute;left:50%;top:154px;transform:translateX(-50%);width:760px;max-width:72vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;z-index:12;}
  body.site-final .ruler-cards article{height:136px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:10px;background:var(--v51-panel);border:1px solid var(--v51-line);border-radius:16px;box-shadow:var(--v51-shadow);overflow:hidden;}
  body.site-final .ruler-cards img{grid-row:1/3;width:72px;height:116px;object-fit:cover;object-position:top center;border-radius:12px;}
  body.site-final .ruler-cards h3{font-size:14px;line-height:1.04;margin:0 0 5px;color:#0b246c;}
  body.site-final .ruler-cards p{font-size:9px;line-height:1.12;margin:0;color:#37405f;}
  body.site-final .council .influence{position:absolute;left:50%;top:306px;transform:translateX(-50%);width:760px;max-width:72vw;height:86px;margin:0;padding:9px 20px;text-align:center;z-index:12;}
  body.site-final .council .influence h4{font-size:13px;line-height:1;margin:0 0 4px;color:#0b236f;}
  body.site-final .council .influence img{width:100%;height:30px;object-fit:fill;display:block;}
  body.site-final .council .influence div{display:flex;justify-content:space-between;font-size:13px;font-weight:900;color:#1459dc;margin:0 34px;}
  body.site-final .council .influence-note{font-size:8px;margin:0;color:#46506c;}
  body.site-final .council-table{position:absolute;left:50%;top:400px;transform:translateX(-50%);width:545px;height:230px;max-height:230px;object-fit:contain;margin:0;z-index:9;filter:drop-shadow(0 12px 14px rgba(5,22,56,.18));}
  body.site-final .bonus-cards{position:absolute;left:50%;top:630px;transform:translateX(-50%);width:980px;max-width:82vw;height:96px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;z-index:12;}
  body.site-final .bonus-cards .feature-card{height:96px;min-height:96px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:8px 10px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/3;width:52px;height:52px;object-fit:contain;}
  body.site-final .bonus-cards .feature-card h3{font-size:12px;}
  body.site-final .bonus-cards .feature-card p{font-size:8px;line-height:1.05;}
  body.site-final .bonus-cards .feature-card strong{font-size:20px;line-height:1;color:#246edb;display:block;margin-top:2px;}
  body.site-final .council .flow-row{display:none;}

  /* 05 STORIES */
  body.site-final .story-stage{position:absolute;left:50%;top:148px;transform:translateX(-50%);width:850px;max-width:74vw;height:298px;min-height:0;margin:0;z-index:8;}
  body.site-final .choice-box{position:absolute;left:0;top:22px;width:230px;height:244px;padding:14px 15px;text-align:center;z-index:12;}
  body.site-final .choice-box h4{font-size:12px;line-height:1;margin:0 0 9px;color:#0b236e;}
  body.site-final .choice-box img{height:46px;width:100%;object-fit:contain;margin:2px 0;display:block;}
  body.site-final .choice-box span{display:block;margin:-34px 0 14px 52px;text-align:left;font-size:9px;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);}
  body.site-final .choice-note{font-size:8px;line-height:1.1;margin:3px 0 0;color:#31415f;}
  body.site-final .story-hero{position:absolute;left:50%;top:0;transform:translateX(-50%);height:292px;width:auto;object-fit:contain;margin:0;z-index:9;filter:drop-shadow(0 12px 14px rgba(4,20,56,.20));}
  body.site-final blockquote{position:absolute;right:0;top:68px;width:238px;min-height:118px;margin:0;padding:18px 17px 48px;font:900 13px/1.18 Arial,sans-serif;color:#0b246d;text-align:left;z-index:12;}
  body.site-final blockquote small{display:block;margin-top:9px;font-size:9px;color:#5c3e8e;}
  body.site-final blockquote img{position:absolute;right:12px;bottom:10px;width:44px;height:44px;border-radius:50%;}
  body.site-final .shift{position:absolute;left:50%;top:444px;transform:translateX(-50%);width:720px;max-width:70vw;height:70px;min-height:70px;margin:0;padding:9px 28px;text-align:center;z-index:12;}
  body.site-final .shift h4{font-size:12px;line-height:1;margin:0 0 3px;color:#0b236f;}
  body.site-final .shift img{width:100%;height:28px;object-fit:fill;margin:0;display:block;}
  body.site-final .shift div{display:flex;justify-content:space-between;margin:0 18px;font-size:8px;line-height:1;color:#118141;}
  body.site-final .shift div span:last-child{color:#6a2ed0;}
  body.site-final .fate-cards{position:absolute;left:50%;top:532px;transform:translateX(-50%);width:960px;max-width:82vw;height:112px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;z-index:12;}
  body.site-final .fate-cards article{position:relative;height:112px;border-radius:15px;overflow:hidden;box-shadow:0 10px 22px rgba(5,21,56,.18);background:#071a54;}
  body.site-final .fate-cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 16%;}
  body.site-final .fate-cards h3{position:absolute;left:8px;right:8px;bottom:34px;margin:0;color:#fff;font-size:11px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.9);text-align:center;}
  body.site-final .fate-cards p{position:absolute;left:9px;right:9px;bottom:8px;margin:0;color:#fff;font-size:8px;line-height:1.05;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.9);}
  body.site-final .stories .section-kicker{position:absolute;left:50%;top:658px;transform:translateX(-50%);width:760px;margin:0;text-align:center;font-size:13px;line-height:1;color:#0a2369;z-index:12;}
  body.site-final .journey-row{position:absolute;left:50%;top:680px;transform:translateX(-50%);width:720px;max-width:74vw;height:70px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:8px 14px;background:rgba(255,255,255,.92);border-radius:18px;box-shadow:var(--v51-shadow);z-index:12;}
  body.site-final .journey-row img{width:58px;height:48px;object-fit:cover;border-radius:11px;}
  body.site-final .journey-row small{font-size:8px;line-height:1;color:#0b236d;}
  body.site-final .journey-row i{font-size:18px;color:#e69300;font-weight:900;}
  body.site-final .story-facts{display:none;}

  /* 06 EXPANSION */
  body.site-final .expansion .ribbon{width:620px;}
  body.site-final .map-pills{position:absolute;left:50%;top:148px;transform:translateX(-50%);width:760px;max-width:72vw;height:56px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:6px 8px;z-index:12;}
  body.site-final .map-pills span{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font:900 9px/1.05 Arial,sans-serif;color:#25335f;border-right:1px solid #dde8ff;}
  body.site-final .map-pills span:last-child{border-right:0;}
  body.site-final .map-pills img{width:30px;height:30px;object-fit:contain;}
  body.site-final .map-zone{position:absolute;left:50%;top:218px;transform:translateX(-50%);width:1060px;max-width:88vw;height:360px;min-height:0;margin:0;z-index:10;}
  body.site-final .region{position:absolute;height:46px;min-height:46px;width:190px;border-radius:14px;border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 21px rgba(5,29,70,.20);background:rgba(9,37,82,.74);color:#fff;display:flex;align-items:center;gap:8px;text-align:left;padding:6px 10px;font:900 10px/1 Arial,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.5);z-index:12;}
  body.site-final .region img{width:28px;height:28px;object-fit:contain;}
  body.site-final .region small{display:block;font-size:7px;line-height:1.05;font-weight:700;color:#dfe9ff;text-shadow:none;}
  body.site-final .frost{left:130px;top:4px;right:auto;bottom:auto;}
  body.site-final .dead{right:108px;top:30px;left:auto;bottom:auto;}
  body.site-final .whisper{left:90px;top:110px;right:auto;bottom:auto;}
  body.site-final .iron{right:120px;top:124px;left:auto;bottom:auto;}
  body.site-final .mystic{left:50%;top:172px;transform:translateX(-50%);right:auto;bottom:auto;}
  body.site-final .orc{left:120px;bottom:24px;top:auto;right:auto;}
  body.site-final .viking{right:100px;bottom:18px;top:auto;left:auto;}
  body.site-final .expansion-cards{position:absolute;left:50%;top:604px;transform:translateX(-50%);width:860px;max-width:76vw;height:92px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;z-index:12;}
  body.site-final .expansion-cards .feature-card{height:92px;min-height:92px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:9px 12px;}
  body.site-final .expansion-cards .feature-card img{grid-row:1/3;width:66px;height:58px;object-fit:cover;border-radius:12px;}
  body.site-final .expansion-cards .feature-card h3{font-size:13px;}
  body.site-final .expansion-cards .feature-card p{font-size:8px;}

  /* 07 BLOOD */
  body.site-final .blood-logo{height:88px;}
  body.site-final .blood .ribbon{width:540px;}
  body.site-final .process-row{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:740px;max-width:72vw;height:128px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;z-index:15;}
  body.site-final .process-row i{display:none;}
  body.site-final .process-row article{position:relative;height:128px;min-height:128px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:12px 13px;}
  body.site-final .process-row article:before{position:absolute;left:8px;top:8px;width:24px;height:24px;border-radius:50%;background:#ff2b1d;color:#fff;font:900 14px/24px Arial Black,Arial,sans-serif;text-align:center;box-shadow:0 2px 0 #fff;z-index:3;}
  body.site-final .process-row img{grid-row:1/3;width:68px;height:68px;object-fit:contain;}
  body.site-final .process-row h3{font-size:13px;line-height:1.04;margin:0 0 4px;color:#9a1112;}
  body.site-final .process-row p{font-size:8px;line-height:1.12;margin:0;color:#35405f;}
  body.site-final .blood-heroes{content:url('/assets/madboys.screen.07.blood/bd_heroeswide.webp');position:absolute;left:50%;top:404px;transform:translateX(-50%);width:900px;max-width:78vw;height:265px;object-fit:contain;margin:0;z-index:7;filter:drop-shadow(0 13px 16px rgba(5,18,55,.24));}
  body.site-final .blood-power{position:absolute;left:50%;top:670px;transform:translateX(-50%);width:760px;max-width:72vw;height:70px;display:block;margin:0;padding:8px 26px;text-align:center;z-index:16;}
  body.site-final .blood-power h4{font-size:14px;line-height:1;margin:0 0 5px;color:#0a2469;}
  body.site-final .blood-bar-crop{height:36px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
  body.site-final .blood-bar-crop img{width:100%;height:36px;object-fit:fill;}
  body.site-final .blood-cards{display:none;}

  /* 08 REWARDS */
  body.site-final .rewards-logo{height:86px;}
  body.site-final .rewards .ribbon{width:540px;}
  body.site-final .explore-link-wrap{display:block;position:absolute;left:50%;top:152px;transform:translateX(-50%);width:790px;max-width:74vw;height:210px;margin:0;z-index:12;}
  body.site-final .reward-hero{content:url('/assets/madboys.screen.08.rewards/rw_banner_preregister_wide.webp');position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px;margin:0;box-shadow:0 12px 26px rgba(5,31,80,.22);}
  body.site-final .reward-grid{position:absolute;left:50%;top:386px;transform:translateX(-50%);width:780px;max-width:74vw;height:126px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;z-index:12;}
  body.site-final .reward-grid article{height:126px;min-height:126px;text-align:center;padding:8px 6px;}
  body.site-final .reward-grid img{height:50px;width:auto;object-fit:contain;margin:0 auto 3px;display:block;}
  body.site-final .reward-grid h3{font-size:11px;line-height:1.05;margin:0 0 2px;color:#0b246e;}
  body.site-final .reward-grid b{font-size:8px;line-height:1;padding:2px 6px;border-radius:99px;background:#eaf1ff;color:#194fc6;}
  body.site-final .reward-grid p{font-size:8px;line-height:1.06;margin:3px 0 0;color:#39435f;}
  body.site-final .benefits-row{position:absolute;left:50%;top:536px;transform:translateX(-50%);width:780px;max-width:74vw;height:62px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:8px;z-index:12;}
  body.site-final .benefits-row span{display:grid;grid-template-columns:34px 1fr;align-items:center;text-align:left;gap:5px;font:900 10px/1.05 Arial,sans-serif;color:#0b246c;border-right:1px solid #dce6fb;padding:0 5px;}
  body.site-final .benefits-row span:last-child{border-right:0;}
  body.site-final .benefits-row img{width:30px;height:30px;object-fit:contain;grid-row:1/3;}
  body.site-final .benefits-row small{display:block;font-size:7px;line-height:1.05;font-weight:700;color:#45516a;}
  body.site-final .faq-list{position:absolute;left:50%;top:618px;transform:translateX(-50%);width:780px;max-width:74vw;height:88px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;z-index:12;overflow:hidden;}
  body.site-final .faq-list details{margin:0 0 8px;padding:0;border-radius:14px;overflow:hidden;}
  body.site-final .faq-list summary{height:42px;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 18px;font-size:13px;line-height:1;color:#0b246e;}
  body.site-final .faq-list summary img{width:26px;height:26px;object-fit:contain;}
  body.site-final .faq-list p{font-size:10px;line-height:1.1;margin:0;padding:0 18px 12px 54px;color:#35415f;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1320px){
  body.site-final{--v51-stage:calc(100vw - 48px);}
  body.site-final .desktop-nav{gap:5px;padding-right:320px;}
  body.site-final .desktop-nav a{min-width:41px;font-size:8.5px;}
  body.site-final .desktop-nav a::before{width:19px;height:19px;}
  body.site-final .brandmark{flex-basis:136px;width:136px;min-width:136px;}
  body.site-final .brandmark b{font-size:15px;}
  body.site-final .global-cta{right:calc(var(--v51-edge) + 92px);width:220px;}
  body.site-final .global-cta .cta-overlay b{font-size:10px;}
  body.site-final .home .hero-team{width:460px;}
  body.site-final .home-cards{width:920px;}
  body.site-final .missions .mission-cards{width:900px;}
  body.site-final .bonus-cards{width:900px;}
}

@media (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.site-final .content{top:62px;height:calc(100dvh - 62px);}
  body.site-final .title-wide, body.site-final .blood-logo, body.site-final .rewards-logo{height:78px;top:8px;}
  body.site-final .ribbon{top:92px;height:26px;font-size:10px;}
  body.site-final .home .title-madboys{width:500px;top:2px;}
  body.site-final .home .gold-title{top:92px;font-size:24px;}
  body.site-final .home .hero-slogan{top:126px;height:26px;font-size:11px;}
  body.site-final .home .hero-team{top:140px;height:205px;}
  body.site-final .home-cards{top:350px;height:92px;}
  body.site-final .home-cards .feature-card{height:92px;min-height:92px;}
  body.site-final .home .founder-strip{top:456px;height:64px;}
  body.site-final .home .founder-slogan{top:530px;}
  body.site-final .missions .mission-scene{top:122px;height:300px;}
  body.site-final .missions .chips-row{top:430px;height:48px;}
  body.site-final .missions .mission-cards{top:492px;height:124px;}
  body.site-final .missions .mission-cards .feature-card{height:124px;min-height:124px;}
  body.site-final .build-hero-zone{top:128px;height:320px;}
  body.site-final .builds .ability-row{top:450px;height:96px;}
  body.site-final .builds .artifact-row{top:560px;}
  body.site-final .ruler-cards{top:130px;}
  body.site-final .council .influence{top:266px;}
  body.site-final .council-table{top:348px;width:480px;height:190px;}
  body.site-final .bonus-cards{top:544px;height:86px;}
  body.site-final .bonus-cards .feature-card{height:86px;min-height:86px;}
  body.site-final .story-stage{top:126px;height:260px;}
  body.site-final .choice-box{height:220px;}
  body.site-final .story-hero{height:250px;}
  body.site-final .shift{top:390px;}
  body.site-final .fate-cards{top:474px;}
  body.site-final .stories .section-kicker{top:594px;}
  body.site-final .journey-row{top:616px;}
  body.site-final .map-pills{top:124px;}
  body.site-final .map-zone{top:190px;height:320px;}
  body.site-final .expansion-cards{top:532px;}
  body.site-final .process-row{top:126px;}
  body.site-final .blood-heroes{top:344px;height:230px;}
  body.site-final .blood-power{top:584px;}
  body.site-final .explore-link-wrap{top:128px;height:180px;}
  body.site-final .reward-grid{top:324px;}
  body.site-final .benefits-row{top:462px;}
  body.site-final .faq-list{top:538px;}
}


/* legacy note removed in final active CSS */
@media (min-aspect-ratio:1.001/1){
  body.site-final .global-topbar{
    height:58px;
    padding:0 18px;
  }
  body.site-final .desktop-nav{
    position:relative;
    gap:6px;
    padding:0 330px 0 2px;
    overflow:visible;
  }
  body.site-final .desktop-nav .nav-highlight{
    position:absolute;
    top:5px;
    left:0;
    width:58px;
    height:44px;
    border-radius:13px;
    background:linear-gradient(180deg,#ffe677 0%,#ffd24e 42%,#ffc31e 100%);
    box-shadow:0 5px 12px rgba(188,124,0,.22), inset 0 1px 0 rgba(255,255,255,.7);
    border:1px solid rgba(214,148,0,.28);
    transition:transform .28s ease, width .28s ease, opacity .2s ease;
    z-index:0;
    opacity:1;
    pointer-events:none;
  }
  body.site-final .desktop-nav a{
    min-width:58px;
    height:46px;
    padding:2px 6px 1px;
    border-radius:13px;
    z-index:1;
  }
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{color:#0d307d;}
  body.site-final .desktop-nav a.active::after{display:none;}

  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    right:calc(var(--v51-edge) + 98px);
    top:14px;
    width:278px;
    height:44px;
  }
  body.site-final .global-cta .cta-bg-img{
    content:url('/assets/branding/mb_upper_preregister.webp');
    object-fit:fill;
  }
  body.site-final .global-cta .cta-overlay{display:none;}
  body.site-final .top-actions{top:9px;right:16px;gap:10px;}

  /* 01 HOME */
  body.site-final .home .title-madboys{width:560px;top:8px;}
  body.site-final .home .gold-title{top:92px;font-size:25px;}
  body.site-final .home .hero-slogan{top:126px;width:730px;height:28px;font-size:11px;}
  body.site-final .home .hero-team{top:150px;height:242px;width:520px;max-width:none;}
  body.site-final .home-cards{
    top:388px;
    width:1130px;
    max-width:90vw;
    height:94px;
    grid-template-columns:1fr 1fr 1fr;
    gap:16px;
  }
  body.site-final .home-cards .feature-card{
    display:grid;
    grid-template-columns:140px 1fr 30px;
    grid-template-rows:auto auto;
    grid-template-areas:"img title arrow" "img desc arrow";
    align-items:center;
    text-align:left;
    padding:10px 14px;
    height:94px;
    min-height:94px;
    position:relative;
  }
  body.site-final .home-cards .feature-card img{
    grid-area:img;
    width:132px;
    height:74px;
    aspect-ratio:auto;
    object-fit:cover;
    margin:0;
  }
  body.site-final .home-cards .feature-card h3{
    grid-area:title;
    margin:0;
    font-size:11px;
    line-height:1.05;
    align-self:end;
  }
  body.site-final .home-cards .feature-card p{
    grid-area:desc;
    margin:2px 0 0;
    font-size:7.5px;
    line-height:1.1;
    align-self:start;
  }
  body.site-final .home-cards .feature-card::after{
    content:'↗';
    grid-area:arrow;
    width:28px;height:28px;
    border-radius:50%;
    display:grid;place-items:center;
    background:linear-gradient(180deg,#fff6da,#ffd35a);
    border:1px solid rgba(212,151,20,.6);
    color:#1241a7;
    font:900 15px/1 Arial Black,Arial,sans-serif;
    box-shadow:0 2px 6px rgba(22,55,121,.14);
    align-self:start;
    justify-self:end;
  }
  body.site-final .home .founder-strip{
    top:500px;
    width:920px;
    max-width:76vw;
    height:60px;
    grid-template-columns:100px 1fr 136px;
    padding:4px 10px;
  }
  body.site-final .home .founder-strip b{font-size:12px;}
  body.site-final .home .founder-strip small{font-size:8px;line-height:1.15;}
  body.site-final .home .founder-slogan{
    top:570px;
    width:950px;
    max-width:78vw;
    text-align:center;
    font-size:10px;
  }

  /* 02 MISSIONS */
  body.site-final .missions .title-wide{height:94px;top:10px;}
  body.site-final .missions .ribbon{top:106px;width:520px;height:28px;font-size:11px;}
  body.site-final .missions .mission-scene{top:146px;height:290px;width:1080px;left:50%;transform:translateX(-50%);}
  body.site-final .missions .chips-row{top:436px;width:1075px;left:50%;transform:translateX(-50%);height:48px;}
  body.site-final .missions .mission-cards{top:492px;width:1075px;left:50%;transform:translateX(-50%);height:128px;gap:14px;}
  body.site-final .missions .mission-cards .feature-card{height:128px;min-height:128px;padding:10px 12px;text-align:left;align-items:flex-start;}
  body.site-final .missions .mission-cards .feature-card img{height:56px;margin-bottom:6px;}
  body.site-final .missions .mission-cards .feature-card h3{font-size:11px;margin:0 0 4px;}
  body.site-final .missions .mission-cards .feature-card p{font-size:8px;line-height:1.12;}

  /* 03 BUILDS */
  body.site-final .builds .title-wide{height:94px;top:10px;}
  body.site-final .builds .ribbon{top:106px;width:500px;height:28px;font-size:11px;}
  body.site-final .build-hero-zone{top:150px;height:300px;}
  body.site-final .builds .item-card{width:300px;height:92px;padding:10px 16px;}
  body.site-final .builds .item-card img{width:66px;height:48px;}
  body.site-final .builds .item-card h3{font-size:10px;line-height:1.05;}
  body.site-final .builds .item-card p{font-size:7px;line-height:1.1;}
  body.site-final .build-hero-zone .hero-figure{height:248px;top:24px;}
  body.site-final .build-hero-zone .jackpot-badge{bottom:0;}
  body.site-final .builds .ability-row{top:458px;width:930px;left:50%;transform:translateX(-50%);height:100px;}
  body.site-final .builds .ability-row article{height:100px;}
  body.site-final .builds .artifact-row{top:572px;width:620px;left:50%;transform:translateX(-50%);}

  /* 04 COUNCIL */
  body.site-final .council .title-wide{height:92px;top:10px;}
  body.site-final .council .small-pill{position:absolute;top:128px;right:120px;left:auto;z-index:18;}
  body.site-final .council .ribbon{top:118px;width:430px;height:28px;font-size:11px;}
  body.site-final .council .ruler-cards{position:absolute;left:50%;top:168px;transform:translateX(-50%);width:900px;height:124px;gap:12px;}
  body.site-final .council .ruler-cards article{text-align:left;padding:10px 12px 10px 112px;position:relative;display:block;}
  body.site-final .council .ruler-cards img{position:absolute;left:10px;top:10px;width:88px;height:88px;object-fit:contain;}
  body.site-final .council .ruler-cards h3{font-size:11px;margin:8px 0 6px;}
  body.site-final .council .ruler-cards p{font-size:7.8px;line-height:1.1;margin:0;}
  body.site-final .council .influence{position:absolute;left:50%;top:306px;transform:translateX(-50%);width:900px;height:92px;padding:8px 16px;}
  body.site-final .council .influence h4{font-size:12px;margin-bottom:4px;}
  body.site-final .council .influence img{height:30px;}
  body.site-final .council .influence div{font-size:15px;}
  body.site-final .council .influence .influence-note{font-size:8px;margin-top:3px;}
  body.site-final .council-table{position:absolute;left:50%;top:418px;transform:translateX(-50%);width:520px;height:170px;object-fit:contain;z-index:11;}
  body.site-final .bonus-cards{position:absolute;left:50%;top:604px;transform:translateX(-50%);width:980px;height:88px;gap:12px;z-index:15;}
  body.site-final .bonus-cards .feature-card{height:88px;min-height:88px;padding:8px 10px;text-align:left;align-items:flex-start;}
  body.site-final .bonus-cards .feature-card img{width:56px;height:42px;}
  body.site-final .bonus-cards .feature-card h3{font-size:10px;margin:2px 0 3px;}
  body.site-final .bonus-cards .feature-card p{font-size:7px;line-height:1.08;}
  body.site-final .flow-row{display:none;}

  /* 05 STORIES */
  body.site-final .stories .title-wide{height:94px;top:10px;}
  body.site-final .stories .ribbon{top:116px;width:500px;height:28px;font-size:11px;}
  body.site-final .story-stage{position:absolute;left:50%;top:164px;transform:translateX(-50%);width:1140px;height:220px;}
  body.site-final .choice-box{position:absolute;left:34px;top:4px;width:235px;height:182px;padding:12px 12px 10px;}
  body.site-final .choice-box h4{font-size:11px;margin:0 0 8px;}
  body.site-final .choice-box img{height:34px;margin:0 0 2px;}
  body.site-final .choice-box span{font-size:8px;line-height:1.08;}
  body.site-final .choice-box .choice-note{font-size:7px;line-height:1.12;margin-top:8px;}
  body.site-final .story-hero{position:absolute;left:50%;top:-10px;transform:translateX(-50%);height:238px;}
  body.site-final .story-stage blockquote{position:absolute;right:36px;top:12px;width:228px;padding:14px 16px 12px;font-size:10px;line-height:1.18;}
  body.site-final .story-stage blockquote img{width:48px;height:48px;}
  body.site-final .shift{position:absolute;left:50%;top:396px;transform:translateX(-50%);width:860px;height:72px;}
  body.site-final .shift img{height:22px;}
  body.site-final .shift div{font-size:10px;}
  body.site-final .fate-cards{position:absolute;left:50%;top:486px;transform:translateX(-50%);width:980px;height:110px;gap:12px;}
  body.site-final .fate-cards article{height:110px;}
  body.site-final .fate-cards h3{font-size:10px;}
  body.site-final .fate-cards p{font-size:7px;line-height:1.08;}
  body.site-final .stories .section-kicker{position:absolute;left:50%;top:606px;transform:translateX(-50%);margin:0;}
  body.site-final .journey-row{position:absolute;left:50%;top:634px;transform:translateX(-50%);width:780px;height:64px;}
  body.site-final .journey-row img{height:44px;}
  body.site-final .story-facts{display:none;}

  /* 06 EXPANSION */
  body.site-final .expansion .title-wide{height:96px;top:8px;}
  body.site-final .expansion .ribbon{top:108px;width:590px;height:28px;font-size:11px;}
  body.site-final .map-pills{top:146px;width:940px;left:50%;transform:translateX(-50%);height:74px;}
  body.site-final .map-zone{top:222px;height:320px;width:1180px;left:50%;transform:translateX(-50%);}
  body.site-final .region{font-size:9px;min-width:190px;padding:10px 14px;}
  body.site-final .region img{width:22px;height:22px;}
  body.site-final .expansion-cards{top:566px;width:960px;left:50%;transform:translateX(-50%);height:118px;gap:12px;}
  body.site-final .expansion-cards .feature-card{height:118px;min-height:118px;padding:12px 14px;display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;}
  body.site-final .expansion-cards .feature-card img{grid-row:1/3;width:54px;height:54px;}
  body.site-final .expansion-cards .feature-card h3{font-size:11px;margin:0 0 4px;}
  body.site-final .expansion-cards .feature-card p{font-size:8px;line-height:1.1;}

  /* 07 BLOOD */
  body.site-final .blood .title-wide{height:92px;top:10px;}
  body.site-final .blood .ribbon{top:116px;width:540px;height:28px;font-size:11px;}
  body.site-final .process-row{top:170px;width:900px;left:50%;transform:translateX(-50%);height:120px;gap:12px;}
  body.site-final .process-row article{height:120px;}
  body.site-final .blood-heroes{top:414px;height:300px;width:980px;max-width:82vw;}
  body.site-final .blood-power{top:744px;width:820px;max-width:76vw;height:68px;padding:8px 26px;}
  body.site-final .blood-power h4{font-size:14px;line-height:1;margin-bottom:6px;}
  body.site-final .blood-bar-crop{height:32px;}
  body.site-final .blood-bar-crop img{height:32px;}

  /* 08 REWARDS */
  body.site-final .rewards .title-wide,
  body.site-final .rewards-logo{height:92px;top:10px;}
  body.site-final .rewards .ribbon{top:116px;width:560px;height:28px;font-size:11px;}
  body.site-final .faq-list{position:absolute;left:48px;top:194px;transform:none;width:440px;max-width:34vw;height:468px;overflow:hidden;z-index:12;}
  body.site-final .faq-list details{margin:0;border-radius:0;}
  body.site-final .faq-list summary{min-height:54px;height:54px;font-size:14px;padding:0 14px;}
  body.site-final .faq-list p{font-size:10px;line-height:1.22;padding:0 14px 14px 50px;}
  body.site-final .explore-link-wrap{left:auto;right:48px;top:194px;transform:none;width:700px;max-width:54vw;height:196px;}
  body.site-final .reward-grid{left:auto;right:48px;top:406px;transform:none;width:700px;max-width:54vw;height:134px;gap:12px;}
  body.site-final .reward-grid article{height:134px;min-height:134px;}
  body.site-final .benefits-row{left:auto;right:48px;top:558px;transform:none;width:700px;max-width:54vw;height:90px;padding:10px;gap:0;}
  body.site-final .benefits-row span{font-size:10px;line-height:1.04;}
  body.site-final .benefits-row small{font-size:7px;line-height:1.1;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1320px){
  body.site-final .desktop-nav{padding-right:300px;gap:4px;}
  body.site-final .desktop-nav a{min-width:50px;font-size:8.6px;}
  body.site-final .desktop-nav a::before{width:18px;height:18px;}
  body.site-final .global-cta{right:calc(var(--v51-edge) + 92px);width:236px;height:42px;}
  body.site-final .home-cards{width:980px;gap:12px;}
  body.site-final .home-cards .feature-card{grid-template-columns:118px 1fr 24px;padding:8px 10px;}
  body.site-final .home-cards .feature-card img{width:112px;height:66px;}
  body.site-final .missions .mission-scene,
  body.site-final .missions .chips-row,
  body.site-final .missions .mission-cards,
  body.site-final .process-row,
  body.site-final .council .ruler-cards,
  body.site-final .council .influence,
  body.site-final .bonus-cards,
  body.site-final .fate-cards,
  body.site-final .map-zone,
  body.site-final .expansion-cards{max-width:90vw;}
  body.site-final .explore-link-wrap,
  body.site-final .reward-grid,
  body.site-final .benefits-row{max-width:52vw;}
  body.site-final .faq-list{max-width:36vw;}
}

/* ==========================
   VERSION 53 — desktop-only targeted corrections based on v52.
   Mobile remains untouched. Missions composition is left as the width/layout reference.
   ========================== */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v53-wide:1075px;
    --v53-wide-max:min(1075px, 90vw);
  }

  /* Header: active yellow backing stays, but icon/text never jump vertically. */
  body.site-final .desktop-nav{
    align-items:center;
  }
  body.site-final .desktop-nav .nav-highlight{
    top:6px;
    height:42px;
    border-radius:13px;
  }
  body.site-final .desktop-nav a,
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{
    height:46px;
    padding:2px 6px 1px;
    margin:0;
    transform:none;
    translate:none;
    align-self:center;
    justify-content:center;
    gap:1px;
    line-height:1.02;
  }
  body.site-final .desktop-nav a::before,
  body.site-final .desktop-nav a.active::before,
  body.site-final .desktop-nav a:hover::before{
    position:static;
    margin:0;
    transform:none;
    translate:none;
    flex:0 0 auto;
  }

  /* Header CTA: smaller, moved a bit left, text restored and centered. */
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    right:calc(var(--v51-edge) + 150px);
    top:15px;
    width:236px;
    height:38px;
  }
  body.site-final .global-cta .cta-overlay{
    display:flex;
    align-items:center;
    justify-content:center;
    inset:0;
    width:100%;
    padding:0 30px;
    text-align:center;
    transform:none;
    pointer-events:none;
  }
  body.site-final .global-cta .cta-overlay b{
    display:block;
    width:100%;
    color:#09286d;
    font:900 10.5px/.92 Arial Black,Arial,sans-serif;
    letter-spacing:-.18px;
    text-align:center;
    text-transform:uppercase;
    white-space:normal;
  }

  /* 01 HOME */
  body.site-final .home .gold-title{
    top:112px;
    font-size:25px;
  }
  body.site-final .home .hero-slogan{
    top:150px;
    width:760px;
    max-width:70vw;
    height:32px;
    font-size:12px;
  }
  body.site-final .home .hero-team{
    top:176px;
    width:780px;
    height:348px;
    max-width:72vw;
    object-fit:contain;
  }
  body.site-final .home-cards{
    top:464px;
    width:920px;
    max-width:min(920px,86vw);
    height:88px;
    gap:14px;
  }
  body.site-final .home-cards .feature-card{
    height:88px;
    min-height:88px;
    grid-template-columns:108px 1fr 24px;
    padding:8px 10px;
  }
  body.site-final .home-cards .feature-card img{
    width:102px;
    height:64px;
  }
  body.site-final .home-cards .feature-card h3{
    font-size:10.5px;
  }
  body.site-final .home-cards .feature-card p{
    font-size:7px;
  }
  body.site-final .home-cards .feature-card::after{
    width:24px;
    height:24px;
    font-size:13px;
  }
  body.site-final .home .founder-strip{
    top:568px;
    width:920px;
    max-width:min(920px,86vw);
    height:68px;
    grid-template-columns:104px 1fr 150px;
    padding:6px 12px;
  }
  body.site-final .home .founder-strip > img:first-child{
    width:94px;
    height:54px;
  }
  body.site-final .home .view-rewards-button{
    align-self:center;
    justify-self:center;
    width:142px;
    height:42px;
    margin:0;
    transform:none;
  }
  body.site-final .home .view-rewards-text{
    left:15px;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    font-size:10.5px;
    line-height:1;
  }
  body.site-final .home .founder-slogan{
    top:646px;
    width:920px;
    max-width:min(920px,86vw);
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(57,116,220,.24);
    box-shadow:0 7px 16px rgba(7,31,91,.12);
    font-size:14px;
    line-height:1.08;
  }

  /* 03 BUILDS: use Missions width logic, spread equipment, larger Jackpot, artifact row = abilities. */
  body.site-final .build-hero-zone{
    width:var(--v53-wide-max);
    max-width:90vw;
    height:310px;
    top:148px;
  }
  body.site-final .builds .item-card{
    width:300px;
    height:92px;
    min-height:92px;
  }
  body.site-final .builds .item-card.left{left:18px;}
  body.site-final .builds .item-card.right{right:18px;}
  body.site-final .builds .item-card.top{top:18px;}
  body.site-final .builds .item-card.bottom{top:158px;}
  body.site-final .build-hero-zone .hero-figure,
  body.site-final .build-hero{
    height:248px;
    top:24px;
  }
  body.site-final .builds .jackpot{
    width:182px;
    top:214px;
    transform:translateX(-50%);
  }
  body.site-final .builds .ability-row{
    top:462px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:104px;
    gap:14px;
  }
  body.site-final .builds .ability-row article{
    height:104px;
    min-height:104px;
  }
  body.site-final .builds .artifact-row{
    top:584px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:82px;
  }

  /* 04 COUNCIL */
  body.site-final .council .ruler-cards{
    top:156px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:100px;
    gap:12px;
  }
  body.site-final .council .ruler-cards article{
    height:100px;
    min-height:100px;
    padding:8px 12px 8px 94px;
    overflow:hidden;
  }
  body.site-final .council .ruler-cards img{
    left:10px;
    top:10px;
    width:74px;
    height:74px;
  }
  body.site-final .council .ruler-cards h3{
    margin:5px 0 4px;
    font-size:10.5px;
  }
  body.site-final .council .ruler-cards p{
    font-size:7.2px;
    line-height:1.06;
  }
  body.site-final .council .influence{
    top:270px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:84px;
    padding:7px 18px;
  }
  body.site-final .council .influence img{
    width:100%;
    height:34px;
    object-fit:fill;
  }
  body.site-final .council-table{
    left:calc(50% - 60px);
    top:360px;
    width:600px;
    height:216px;
    max-width:48vw;
    object-fit:contain;
    z-index:13;
  }
  body.site-final .bonus-cards{
    left:calc(50% - 46px);
    top:592px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:88px;
    gap:12px;
  }

  /* 05 STORIES */
  body.site-final .story-stage{
    top:170px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:248px;
  }
  body.site-final .choice-box{
    left:0;
    top:12px;
    width:250px;
    height:204px;
  }
  body.site-final .story-hero{
    left:54%;
    top:22px;
    height:248px;
    transform:translateX(-50%);
  }
  body.site-final .story-stage blockquote{
    right:0;
    top:24px;
    width:250px;
  }
  body.site-final .shift{
    top:400px;
    width:640px;
    max-width:62vw;
    height:66px;
    min-height:66px;
    padding:8px 26px;
  }
  body.site-final .shift img{
    height:22px;
    object-fit:fill;
  }
  body.site-final .fate-cards{
    top:482px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:108px;
  }
  body.site-final .fate-cards article{height:108px;}
  body.site-final .stories .section-kicker{top:604px;}
  body.site-final .journey-row{
    top:628px;
    width:760px;
    max-width:74vw;
    height:66px;
  }

  /* 06 EXPANSION */
  body.site-final .map-pills{
    top:144px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:54px;
    padding:5px 8px;
    gap:8px;
  }
  body.site-final .map-pills span{
    font-size:8.6px;
    line-height:1.02;
    gap:5px;
  }
  body.site-final .map-pills img{
    width:25px;
    height:25px;
  }
  body.site-final .map-zone{
    top:208px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:330px;
  }
  body.site-final .region{
    width:200px;
    min-width:200px;
    height:46px;
    min-height:46px;
    padding:6px 10px;
  }
  body.site-final .frost{left:22px;top:6px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:22px;top:126px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:22px;top:246px;right:auto;bottom:auto;transform:none;}
  body.site-final .dead{right:22px;top:6px;left:auto;bottom:auto;transform:none;}
  body.site-final .iron{right:22px;top:126px;left:auto;bottom:auto;transform:none;}
  body.site-final .viking{right:22px;top:246px;left:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:156px;right:auto;bottom:auto;transform:translateX(-50%);}
  body.site-final .expansion-cards{
    top:550px;
    width:var(--v53-wide-max);
    max-width:90vw;
    height:92px;
  }
  body.site-final .expansion-cards .feature-card{
    height:92px;
    min-height:92px;
    padding:9px 12px;
  }

  /* 07 BLOOD */
  body.site-final .process-row{
    width:var(--v53-wide-max);
    max-width:90vw;
  }
  body.site-final .blood-heroes{
    top:370px;
    width:1000px;
    max-width:86vw;
    height:292px;
  }
  body.site-final .blood-power{
    top:668px;
    width:820px;
    max-width:78vw;
    height:70px;
    z-index:18;
  }

  /* 08 REWARDS */
  body.site-final .faq-list{
    top:194px;
    left:48px;
    width:440px;
    max-width:34vw;
    height:calc(100dvh - 294px);
    min-height:500px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(57,116,220,.26);
    border-radius:18px;
    box-shadow:0 10px 23px rgba(7,31,91,.16), inset 0 1px 0 rgba(255,255,255,.75);
    overflow:hidden;
  }
  body.site-final .faq-list details{
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(57,116,220,.18);
    border-radius:0;
    box-shadow:none;
  }
  body.site-final .faq-list details:last-child{border-bottom:0;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1320px){
  body.site-final .desktop-nav{padding-right:288px;gap:3px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .desktop-nav a::before{width:18px;height:18px;}
  body.site-final .desktop-nav .nav-highlight{height:40px;top:6px;}
  body.site-final .global-cta{right:calc(var(--v51-edge) + 135px);width:218px;height:36px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .home .hero-team{width:700px;max-width:72vw;}
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{max-width:84vw;}
}

/* ==========================
   VERSION 54 — desktop-only polish based on user review of v53.
   Mobile remains untouched.
   ========================== */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v54-wide:1060px;
    --v54-wide-max:min(1060px, 88vw);
  }

  /* Header CTA: move left so it never touches quick icons. */
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    right:calc(var(--v51-edge) + 188px);
    width:232px;
    height:38px;
    top:15px;
  }
  body.site-final .global-cta .cta-overlay{
    padding:0 28px;
  }
  body.site-final .global-cta .cta-overlay b{
    font-size:10.4px;
    line-height:.92;
  }

  /* 01 HOME */
  body.site-final .home-cards{
    width:860px;
    max-width:min(860px,82vw);
    gap:12px;
  }
  body.site-final .home-cards .feature-card{
    grid-template-columns:100px 1fr 22px;
    padding:8px 10px;
  }
  body.site-final .home-cards .feature-card img{
    width:94px;
    height:60px;
  }
  body.site-final .home .founder-strip{
    width:920px;
    max-width:min(920px,86vw);
  }

  /* 03 BUILDS */
  body.site-final .build-hero-zone{
    width:var(--v54-wide-max);
    max-width:88vw;
    height:322px;
    top:144px;
  }
  body.site-final .builds .item-card{
    width:300px;
    height:94px;
    min-height:94px;
    padding:10px 16px;
  }
  body.site-final .builds .item-card img{
    width:78px;
    height:58px;
  }
  body.site-final .builds .item-card.left{left:10px;}
  body.site-final .builds .item-card.right{right:10px;}
  body.site-final .build-hero-zone .hero-figure,
  body.site-final .build-hero{
    height:272px;
    top:30px;
  }
  body.site-final .builds .jackpot{
    width:182px;
    top:206px;
  }
  body.site-final .builds .ability-row{
    top:462px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:116px;
    gap:14px;
  }
  body.site-final .builds .ability-row article{
    height:116px;
    min-height:116px;
  }
  body.site-final .builds .ability-row img{
    height:68px;
  }
  body.site-final .builds .artifact-row{
    top:592px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:78px;
  }

  /* 04 COUNCIL */
  body.site-final .council .ruler-cards{
    top:156px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:90px;
    gap:12px;
  }
  body.site-final .council .ruler-cards article{
    height:90px;
    min-height:90px;
    padding:8px 12px 8px 86px;
  }
  body.site-final .council .ruler-cards img{
    left:10px;
    top:10px;
    width:66px;
    height:66px;
  }
  body.site-final .council .influence{
    top:254px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:76px;
    padding:7px 20px;
  }
  body.site-final .council .influence img{
    height:30px;
    object-fit:contain;
  }
  body.site-final .council-table{
    left:50%;
    transform:translateX(-50%);
    top:346px;
    width:560px;
    height:214px;
    max-width:44vw;
    object-fit:contain;
    z-index:13;
  }
  body.site-final .bonus-cards{
    left:50%;
    transform:translateX(-50%);
    top:586px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:90px;
    gap:12px;
  }

  /* 05 STORIES */
  body.site-final .story-stage{
    top:182px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:252px;
  }
  body.site-final .choice-box{
    left:38px;
    top:20px;
    width:252px;
    height:196px;
  }
  body.site-final .story-hero{
    left:57%;
    top:42px;
    height:236px;
    transform:translateX(-50%);
  }
  body.site-final .story-stage blockquote{
    right:38px;
    top:26px;
    width:252px;
  }
  body.site-final .shift{
    top:404px;
    width:600px;
    max-width:58vw;
    height:58px;
    min-height:58px;
    padding:8px 24px;
  }
  body.site-final .shift img{
    height:18px;
    object-fit:contain;
  }
  body.site-final .fate-cards{
    top:482px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:104px;
  }
  body.site-final .fate-cards article{height:104px;}
  body.site-final .stories .section-kicker{top:596px;}
  body.site-final .journey-row{
    top:620px;
    width:760px;
    max-width:72vw;
    height:64px;
  }

  /* 06 EXPANSION */
  body.site-final .map-pills{
    top:146px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:48px;
    padding:5px 8px;
    gap:8px;
  }
  body.site-final .map-pills span{
    font-size:8.2px;
    line-height:1.02;
  }
  body.site-final .map-zone{
    top:204px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:338px;
  }
  body.site-final .region{
    width:198px;
    min-width:198px;
    height:44px;
    min-height:44px;
  }
  body.site-final .frost{left:26px;top:20px;}
  body.site-final .whisper{left:26px;top:144px;}
  body.site-final .orc{left:26px;top:268px;}
  body.site-final .dead{right:26px;top:20px;}
  body.site-final .iron{right:26px;top:144px;}
  body.site-final .viking{right:26px;top:268px;}
  body.site-final .mystic{left:50%;top:144px;transform:translateX(-50%);}
  body.site-final .expansion-cards{
    top:564px;
    width:var(--v54-wide-max);
    max-width:88vw;
    height:84px;
  }
  body.site-final .expansion-cards .feature-card{
    height:84px;
    min-height:84px;
    padding:8px 12px;
  }

  /* 07 BLOOD */
  body.site-final .blood-heroes{
    top:360px;
    width:1000px;
    max-width:86vw;
    height:294px;
  }
  body.site-final .blood-power{
    top:598px;
    left:50%;
    transform:translateX(-50%);
    width:780px;
    max-width:74vw;
    height:84px;
    padding:10px 24px;
    z-index:18;
    overflow:visible;
  }
  body.site-final .blood-power h4{
    font-size:14px;
    line-height:1.02;
    margin:0 0 6px;
  }

  /* 08 REWARDS */
  body.site-final .faq-list{
    top:194px;
    left:48px;
    width:440px;
    max-width:34vw;
    height:468px;
    min-height:468px;
    overflow:auto;
    overscroll-behavior:contain;
    padding-right:4px;
  }
  body.site-final .faq-list details{margin:0;border-radius:0;}
  body.site-final .faq-list summary{
    min-height:58px;
    height:auto;
    padding:10px 14px;
    font-size:13.5px;
    line-height:1.14;
    align-items:flex-start;
  }
  body.site-final .faq-list summary img{
    width:28px;
    height:28px;
    flex:0 0 auto;
    margin-top:2px;
  }
  body.site-final .faq-list p{
    font-size:10px;
    line-height:1.24;
    padding:0 14px 14px 50px;
  }
  body.site-final .faq-list::-webkit-scrollbar{width:10px;}
  body.site-final .faq-list::-webkit-scrollbar-thumb{background:rgba(34,88,198,.35);border-radius:999px;border:2px solid rgba(255,255,255,.9);}
  body.site-final .faq-list::-webkit-scrollbar-track{background:rgba(211,226,255,.45);border-radius:999px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1320px){
  body.site-final .desktop-nav{padding-right:300px;gap:3px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .desktop-nav a::before{width:18px;height:18px;}
  body.site-final .desktop-nav .nav-highlight{height:40px;top:6px;}
  body.site-final .global-cta{right:calc(var(--v51-edge) + 165px);width:222px;height:36px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .home-cards{max-width:80vw;}
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{max-width:84vw;}
  body.site-final .build-hero-zone,
  body.site-final .builds .ability-row,
  body.site-final .builds .artifact-row,
  body.site-final .council .ruler-cards,
  body.site-final .council .influence,
  body.site-final .bonus-cards,
  body.site-final .story-stage,
  body.site-final .fate-cards,
  body.site-final .map-pills,
  body.site-final .map-zone,
  body.site-final .expansion-cards{max-width:90vw;}
  body.site-final .faq-list{max-width:36vw;}
}

/* ==========================
   VERSION 55 — desktop refinement after v54 visual review.
   Uses Missions desktop spacing as the reference frame.
   Mobile remains untouched.
   ========================== */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v55-wide:1060px;
    --v55-wide-max:min(1060px, 88vw);
    --v55-side-col:680px;
    --v55-faq-col:430px;
  }

  /* Header CTA: move a bit to the right, keep equal spacing to chest and burger; lower text slightly. */
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    right:calc(var(--v51-edge) + 142px);
    width:232px;
    height:38px;
    top:15px;
  }
  body.site-final .global-cta .cta-overlay{
    padding:1px 28px 0;
  }
  body.site-final .global-cta .cta-overlay b{
    font-size:10.4px;
    line-height:.92;
    transform:translateY(1px);
  }

  /* HOME — narrow and center top cards, lift all lower blocks within the frame. */
  body.site-final .home-cards{
    top:432px;
    width:860px;
    max-width:min(860px,82vw);
    height:88px;
    gap:12px;
    left:50%;
    transform:translateX(-50%);
  }
  body.site-final .home-cards .feature-card{
    grid-template-columns:100px 1fr 22px;
    padding:8px 10px;
  }
  body.site-final .home-cards .feature-card img{
    width:94px;
    height:60px;
  }
  body.site-final .home .founder-strip{
    top:532px;
    width:860px;
    max-width:min(860px,82vw);
    height:68px;
    left:50%;
    transform:translateX(-50%);
  }
  body.site-final .home .founder-slogan{
    top:612px;
    width:860px;
    max-width:min(860px,82vw);
    left:50%;
    transform:translateX(-50%);
  }

  /* BUILDS — use missions spacing, enlarge central hero and move him lower. */
  body.site-final .build-hero-zone{
    width:var(--v55-wide-max);
    max-width:88vw;
    height:344px;
    top:142px;
  }
  body.site-final .build-hero-zone .hero-figure,
  body.site-final .build-hero{
    height:312px;
    top:34px;
  }
  body.site-final .builds .item-card{
    width:300px;
    height:94px;
    min-height:94px;
    padding:10px 16px;
  }
  body.site-final .builds .item-card.left{left:10px;}
  body.site-final .builds .item-card.right{right:10px;}
  body.site-final .builds .item-card.top{top:20px;}
  body.site-final .builds .item-card.bottom{top:174px;bottom:auto;}
  body.site-final .builds .item-card img{
    width:82px;
    height:60px;
  }
  body.site-final .builds .jackpot{
    width:182px;
    top:228px;
  }
  body.site-final .builds .ability-row{
    top:486px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:116px;
    gap:14px;
  }
  body.site-final .builds .ability-row article{height:116px;min-height:116px;}
  body.site-final .builds .ability-row img{height:68px;}
  body.site-final .builds .artifact-row{
    top:612px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:76px;
  }

  /* COUNCIL — compress top cards, re-center the table, push lower 4 blocks left into the frame. */
  body.site-final .council .ruler-cards{
    top:156px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:88px;
    gap:12px;
  }
  body.site-final .council .ruler-cards article{
    height:88px;
    min-height:88px;
    padding:8px 12px 8px 84px;
  }
  body.site-final .council .ruler-cards img{left:10px;top:10px;width:64px;height:64px;}
  body.site-final .council .influence{
    top:250px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:74px;
    padding:7px 20px;
  }
  body.site-final .council .influence img{height:30px;object-fit:contain;}
  body.site-final .council-table{
    left:50%;
    transform:translateX(-50%);
    top:360px;
    width:560px;
    height:230px;
    max-width:46vw;
    object-fit:contain;
    z-index:12;
  }
  body.site-final .bonus-cards{
    left:50%;
    transform:translateX(-54%);
    top:594px;
    width:var(--v55-wide-max);
    max-width:84vw;
    height:90px;
    gap:12px;
  }

  /* STORIES — center hero with choice box on the left and quote on the right. */
  body.site-final .story-stage{
    top:182px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:270px;
  }
  body.site-final .choice-box{
    left:56px;
    top:26px;
    width:250px;
    height:204px;
  }
  body.site-final .story-hero{
    left:50%;
    top:32px;
    height:252px;
    transform:translateX(-50%);
  }
  body.site-final .story-stage blockquote{
    right:56px;
    top:30px;
    width:250px;
  }
  body.site-final .shift{
    top:430px;
    width:600px;
    max-width:58vw;
    height:58px;
    min-height:58px;
  }
  body.site-final .fate-cards{
    top:504px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:102px;
  }
  body.site-final .fate-cards article{height:102px;}
  body.site-final .stories .section-kicker{top:614px;}
  body.site-final .journey-row{top:636px;width:760px;max-width:72vw;height:62px;}

  /* EXPANSION — shorter top strip blocks, slightly lower, and rebuild map labels symmetrically. */
  body.site-final .map-pills{
    top:156px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:42px;
    padding:4px 8px;
    gap:8px;
  }
  body.site-final .map-pills span{font-size:8.1px;line-height:1.02;}
  body.site-final .map-zone{
    top:214px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:332px;
  }
  body.site-final .region{
    width:198px;
    min-width:198px;
    height:42px;
    min-height:42px;
    padding:5px 10px;
  }
  body.site-final .frost{left:22px;top:28px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:22px;top:145px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:22px;top:262px;right:auto;bottom:auto;transform:none;}
  body.site-final .dead{right:22px;top:28px;left:auto;bottom:auto;transform:none;}
  body.site-final .iron{right:22px;top:145px;left:auto;bottom:auto;transform:none;}
  body.site-final .viking{right:22px;top:262px;left:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:145px;right:auto;bottom:auto;transform:translateX(-50%);}
  body.site-final .expansion-cards{
    top:564px;
    width:var(--v55-wide-max);
    max-width:88vw;
    height:82px;
  }
  body.site-final .expansion-cards .feature-card{height:82px;min-height:82px;padding:8px 12px;}

  /* BLOOD — lift the 80% slider block and make the text readable in a white block. */
  body.site-final .blood-heroes{
    top:360px;
    width:1000px;
    max-width:86vw;
    height:294px;
  }
  body.site-final .blood-power{
    top:586px;
    left:50%;
    transform:translateX(-50%);
    width:780px;
    max-width:74vw;
    height:84px;
    padding:10px 24px;
    z-index:18;
    background:rgba(255,255,255,.96);
    border:1.5px solid rgba(92,136,216,.38);
    box-shadow:0 8px 18px rgba(8,33,91,.16);
  }
  body.site-final .blood-power h4{font-size:14px;line-height:1.02;margin:0 0 6px;color:#0a2469;}

  /* REWARDS — 10 FAQ items with scrolling, keep the same outer footprint and align right-side blocks to the banner width. */
  body.site-final .faq-list{
    position:absolute;
    left:48px;
    top:194px;
    width:var(--v55-faq-col);
    max-width:33vw;
    height:492px;
    min-height:492px;
    margin:0;
    padding:0;
    overflow-y:scroll;
    overflow-x:hidden;
    overscroll-behavior:contain;
    background:rgba(255,255,255,.84);
    border-radius:16px;
    z-index:12;
  }
  body.site-final .faq-list details{margin:0;border-radius:0;}
  body.site-final .faq-list summary{min-height:56px;height:auto;padding:10px 14px;font-size:13px;line-height:1.12;align-items:flex-start;}
  body.site-final .faq-list summary img{width:28px;height:28px;flex:0 0 auto;margin-top:2px;}
  body.site-final .faq-list p{font-size:10px;line-height:1.24;padding:0 14px 14px 50px;}
  body.site-final .faq-list::-webkit-scrollbar{width:11px;}
  body.site-final .faq-list::-webkit-scrollbar-thumb{background:rgba(35,95,214,.38);border-radius:999px;border:2px solid rgba(255,255,255,.9);}
  body.site-final .faq-list::-webkit-scrollbar-track{background:rgba(223,234,255,.7);border-radius:999px;}

  body.site-final .explore-link-wrap{
    left:auto;
    right:48px;
    top:194px;
    width:var(--v55-side-col);
    max-width:52vw;
    height:196px;
  }
  body.site-final .reward-grid{
    left:auto;
    right:48px;
    top:408px;
    width:var(--v55-side-col);
    max-width:52vw;
    height:134px;
    gap:12px;
  }
  body.site-final .reward-grid article{height:134px;min-height:134px;}
  body.site-final .benefits-row{
    left:auto;
    right:48px;
    top:560px;
    width:var(--v55-side-col);
    max-width:52vw;
    height:90px;
    padding:10px;
    gap:0;
  }
  body.site-final .benefits-row span{font-size:10px;line-height:1.04;}
  body.site-final .benefits-row small{font-size:7px;line-height:1.1;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1320px){
  body.site-final .desktop-nav{padding-right:300px;gap:3px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .global-cta{right:calc(var(--v51-edge) + 138px);width:222px;height:36px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{max-width:84vw;}
  body.site-final .build-hero-zone,
  body.site-final .builds .ability-row,
  body.site-final .builds .artifact-row,
  body.site-final .council .ruler-cards,
  body.site-final .council .influence,
  body.site-final .bonus-cards,
  body.site-final .story-stage,
  body.site-final .fate-cards,
  body.site-final .map-pills,
  body.site-final .map-zone,
  body.site-final .expansion-cards{max-width:90vw;}
  body.site-final .faq-list{max-width:35vw;}
  body.site-final .explore-link-wrap,
  body.site-final .reward-grid,
  body.site-final .benefits-row{max-width:50vw;}
}

/* ==========================
   VERSION 56 — clean desktop-only rebuild layer.
   Rules:
   - only two modes remain: mobile (<900px) and desktop (>=900px);
   - old split/tablet/square intermediate view is disabled;
   - desktop compresses into square viewports using the same composition frame;
   - Missions remains the spacing reference.
   ========================== */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v56-edge:clamp(28px,3.2vw,52px);
    --v56-frame:min(1120px, calc(100vw - (var(--v56-edge) * 2)));
    --v56-small-frame:min(980px, calc(100vw - (var(--v56-edge) * 2)));
    --v56-bottom:clamp(24px,3vh,40px);
    background:#f7fbff;
  }

  /* Remove the old 980px split/intermediate presentation. */
  body.site-final .screen{
    display:block;
    width:100vw;
    height:100dvh;
    min-height:700px;
    padding:0;
    overflow:hidden;
    scroll-snap-align:start;
  }
  body.site-final .spread-art{display:none;}
  body.site-final .canvas{
    position:absolute;
    inset:0;
    width:100vw;
    height:100dvh;
    max-height:none;
    aspect-ratio:auto;
    border-radius:0;
    box-shadow:none;
    overflow:hidden;
  }
  body.site-final .canvas:after{display:none;}
  body.site-final .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
  body.site-final .content{
    position:absolute;
    left:0;right:0;top:74px;bottom:0;
    width:100%;height:calc(100dvh - 74px);
    margin:0;padding:0;
    display:block;
    overflow:hidden;
  }

  /* Unified header for desktop and square desktop. */
  body.site-final .global-topbar{
    position:fixed;
    left:var(--v56-edge);right:var(--v56-edge);top:10px;
    height:58px;
    padding:0 18px;
    display:flex;align-items:center;justify-content:flex-start;
    background:rgba(255,255,255,.96);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(9,32,83,.18);
    z-index:200;
  }
  body.site-final .brandmark{flex:0 0 190px;width:190px;min-width:190px;margin:0;}
  body.site-final .brandmark img{width:38px;height:44px;}
  body.site-final .brandmark b{font-size:23px;line-height:.92;}
  body.site-final .brandmark small{font-size:10px;line-height:1;}
  body.site-final .desktop-nav{
    position:static;transform:none;left:auto;right:auto;top:auto;
    display:flex;align-items:center;justify-content:flex-start;
    flex:1 1 auto;gap:8px;white-space:nowrap;overflow:hidden;
    padding-right:410px;
  }
  body.site-final .desktop-nav .nav-highlight{height:46px;top:6px;border-radius:13px;}
  body.site-final .desktop-nav a,
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{
    height:48px;min-width:58px;padding:2px 4px;margin:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    transform:none;translate:none;
    font:900 10px/1 Arial,sans-serif;color:#071358;text-decoration:none;
  }
  body.site-final .desktop-nav a::before,
  body.site-final .desktop-nav a.active::before,
  body.site-final .desktop-nav a:hover::before{
    position:static;display:block;width:24px;height:24px;margin:0;transform:none;translate:none;flex:0 0 auto;
  }
  body.site-final .top-actions{position:fixed;right:calc(var(--v56-edge) + 18px);top:17px;display:flex;gap:10px;z-index:205;}
  body.site-final .top-actions .round-icon{width:44px;height:44px;}
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    position:fixed;top:17px;right:calc(var(--v56-edge) + 116px);left:auto;bottom:auto;
    width:260px;height:44px;padding:0;margin:0;
    background:none;border:0;box-shadow:none;transform:none;aspect-ratio:auto;z-index:204;
  }
  body.site-final .global-cta:before{display:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 6px 12px rgba(28,39,94,.22));}
  body.site-final .global-cta .cta-overlay{position:absolute;inset:0;width:100%;padding:2px 38px 0;display:flex;align-items:center;justify-content:center;text-align:center;transform:none;}
  body.site-final .global-cta .cta-overlay b{font:900 10.8px/.92 Arial Black,Arial,sans-serif;color:#09286d;text-transform:uppercase;letter-spacing:-.12px;transform:translateY(2px);white-space:normal;text-align:center;}

  /* General section title logic. */
  body.site-final .title-wide,
  body.site-final .blood-logo,
  body.site-final .rewards-logo{
    position:absolute;left:50%;top:8px;transform:translateX(-50%);
    width:min(520px,48vw);height:82px;max-height:82px;object-fit:contain;z-index:20;
  }
  body.site-final .ribbon{
    position:absolute;left:50%;top:98px;transform:translateX(-50%);
    width:min(900px,78vw);max-width:78vw;height:34px;margin:0;padding:7px 16px;
    display:flex;align-items:center;justify-content:center;
    font:900 17px/1 Arial Black,Arial,sans-serif;letter-spacing:.2px;z-index:20;
  }
  body.site-final .small-pill{display:none;}
  body.site-final .split-panels,
  body.site-final .flow-row,
  body.site-final .story-facts,
  body.site-final .blood-cards,
  body.site-final .stats-row{display:none;}

  /* 01 HOME */
  body.site-final .home .title-madboys{
    position:absolute;left:50%;top:2px;transform:translateX(-50%);
    width:min(560px,50vw);height:92px;object-fit:contain;z-index:20;
  }
  body.site-final .home .gold-title{
    position:absolute;left:50%;top:92px;transform:translateX(-50%);
    width:min(480px,46vw);font-size:25px;line-height:1;white-space:nowrap;z-index:20;
  }
  body.site-final .home .hero-slogan{
    position:absolute;left:50%;top:128px;transform:translateX(-50%);
    width:min(760px,74vw);height:auto;max-width:74vw;
    font:900 15px/1.12 Arial,sans-serif;text-align:center;color:#0c1e57;z-index:20;
  }
  body.site-final .home .hero-team{
    position:absolute;left:50%;top:156px;transform:translateX(-50%);
    width:min(820px,76vw);height:315px;object-fit:contain;z-index:5;
    filter:drop-shadow(0 12px 18px rgba(5,21,62,.24));
  }
  body.site-final .home-cards{
    position:absolute;left:50%;top:410px;transform:translateX(-50%);
    width:min(860px,82vw);height:92px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:25;
  }
  body.site-final .home-cards .feature-card{
    height:92px;min-height:92px;border-radius:18px;
    display:grid;grid-template-columns:100px 1fr 22px;align-items:center;gap:12px;text-align:left;padding:8px 10px;overflow:hidden;
  }
  body.site-final .home-cards .feature-card img{width:94px;height:62px;object-fit:cover;border-radius:12px;}
  body.site-final .home-cards .feature-card h3{font-size:16px;line-height:1.02;margin:0 0 5px;color:#0b246e;}
  body.site-final .home-cards .feature-card p{font-size:10px;line-height:1.12;margin:0;color:#233050;}
  body.site-final .home-cards .feature-card::after{width:26px;height:26px;font-size:14px;}
  body.site-final .home .founder-strip{
    position:absolute;left:50%;top:518px;transform:translateX(-50%);
    width:min(860px,82vw);height:70px;display:grid;grid-template-columns:110px 1fr 150px;align-items:center;gap:8px;padding:7px 14px;z-index:25;
  }
  body.site-final .home .founder-strip > img:first-child{width:98px;height:58px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:18px;line-height:1;color:#0b246e;}
  body.site-final .home .founder-strip small{font-size:10px;line-height:1.05;}
  body.site-final .home .view-rewards-button{width:142px;height:42px;margin:0;align-self:center;justify-self:center;}
  body.site-final .home .view-rewards-text{top:50%;transform:translateY(-50%);font-size:10.4px;line-height:1;}
  body.site-final .home .founder-slogan{
    position:absolute;left:50%;top:598px;transform:translateX(-50%);
    width:min(860px,82vw);height:40px;display:flex;align-items:center;justify-content:center;
    margin:0;padding:7px 18px;border-radius:999px;
    background:rgba(255,255,255,.94);border:1px solid rgba(57,116,220,.24);box-shadow:0 7px 16px rgba(7,31,91,.12);
    font:900 16px/1.05 Arial,sans-serif;text-align:center;color:#0b246e;z-index:24;
  }

  /* 02 MISSIONS — reference width and spacing. */
  body.site-final .missions .mission-scene{position:absolute;left:50%;top:142px;transform:translateX(-50%);width:var(--v56-frame);height:330px;margin:0;z-index:9;}
  body.site-final .missions .chips-row{position:absolute;left:50%;top:492px;transform:translateX(-50%);width:var(--v56-frame);height:58px;margin:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 12px;z-index:12;}
  body.site-final .missions .mission-cards{position:absolute;left:50%;top:570px;transform:translateX(-50%);width:var(--v56-frame);height:114px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:12;}
  body.site-final .missions .mission-cards .feature-card{height:114px;min-height:114px;padding:10px 12px;}

  /* 03 BUILDS */
  body.site-final .build-hero-zone{position:absolute;left:50%;top:142px;transform:translateX(-50%);width:var(--v56-frame);height:350px;margin:0;background:transparent;border:0;box-shadow:none;z-index:10;}
  body.site-final .build-hero-zone .hero-figure,
  body.site-final .build-hero{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:auto;height:330px;object-fit:contain;z-index:11;}
  body.site-final .builds .item-card{position:absolute;width:300px;height:96px;min-height:96px;display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:10px 16px;border-radius:18px;z-index:14;}
  body.site-final .builds .item-card.left{left:0;right:auto;}
  body.site-final .builds .item-card.right{right:0;left:auto;}
  body.site-final .builds .item-card.top{top:18px;bottom:auto;}
  body.site-final .builds .item-card.bottom{top:182px;bottom:auto;}
  body.site-final .builds .item-card img{grid-row:1/3;width:80px;height:62px;object-fit:contain;}
  body.site-final .builds .item-card b{font-size:13px;line-height:1.03;color:#071d5d;}
  body.site-final .builds .item-card small{font-size:8px;line-height:1.1;color:#34405f;}
  body.site-final .builds .jackpot{position:absolute;left:50%;top:240px;bottom:auto;transform:translateX(-50%);width:178px;z-index:16;}
  body.site-final .builds .ability-row{position:absolute;left:50%;top:502px;transform:translateX(-50%);width:var(--v56-frame);height:112px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;z-index:12;}
  body.site-final .builds .ability-row article{height:112px;min-height:112px;border-radius:16px;}
  body.site-final .builds .ability-row img{height:66px;object-fit:cover;}
  body.site-final .builds .artifact-row{position:absolute;left:50%;top:636px;transform:translateX(-50%);width:var(--v56-frame);height:62px;margin:0;z-index:12;}

  /* 04 COUNCIL */
  body.site-final .council .ruler-cards{position:absolute;left:50%;top:142px;transform:translateX(-50%);width:var(--v56-frame);height:88px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:16;}
  body.site-final .council .ruler-cards article{height:88px;min-height:88px;padding:8px 12px 8px 82px;border-radius:18px;overflow:hidden;}
  body.site-final .council .ruler-cards img{left:10px;top:10px;width:62px;height:62px;object-fit:contain;}
  body.site-final .council .ruler-cards h3{font-size:15px;line-height:1;margin:3px 0 4px;}
  body.site-final .council .ruler-cards p{font-size:9px;line-height:1.08;}
  body.site-final .council .influence{position:absolute;left:50%;top:246px;transform:translateX(-50%);width:var(--v56-frame);height:76px;margin:0;padding:7px 22px;z-index:17;}
  body.site-final .council .influence h4{font-size:13px;line-height:1;margin:0 0 4px;}
  body.site-final .council .influence img{width:100%;height:30px;object-fit:contain;display:block;}
  body.site-final .council .influence div{font-size:13px;line-height:1;}
  body.site-final .council .influence-note{font-size:8px;line-height:1;margin:2px 0 0;}
  body.site-final .council-table{content:url('/assets/madboys.screen.04.council/22%20-%20cn_table.webp');position:absolute;left:50%;top:338px;transform:translateX(-50%);width:min(560px,52vw);height:250px;max-width:52vw;object-fit:contain;margin:0;z-index:12;filter:drop-shadow(0 16px 22px rgba(5,22,60,.24));}
  body.site-final .bonus-cards{position:absolute;left:50%;top:596px;transform:translateX(-50%);width:var(--v56-frame);height:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;z-index:18;}
  body.site-final .bonus-cards .feature-card{height:92px;min-height:92px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:10px;}
  body.site-final .bonus-cards .feature-card img{grid-row:1/3;width:52px;height:52px;object-fit:contain;}
  body.site-final .bonus-cards .feature-card h3{font-size:13px;line-height:1;margin:0 0 4px;}
  body.site-final .bonus-cards .feature-card p{font-size:8px;line-height:1.08;margin:0;}
  body.site-final .bonus-cards .feature-card strong{font-size:21px;line-height:1;margin:2px 0 0;}

  /* 05 STORIES */
  body.site-final .story-stage{position:absolute;left:50%;top:146px;transform:translateX(-50%);width:var(--v56-frame);height:286px;margin:0;z-index:14;}
  body.site-final .choice-box{position:absolute;left:0;top:22px;width:280px;height:218px;padding:16px;border-radius:18px;z-index:18;}
  body.site-final .choice-box h4{font-size:14px;margin:0 0 10px;}
  body.site-final .choice-box img{height:30px;object-fit:fill;}
  body.site-final .choice-box span{font-size:10px;line-height:1;}
  body.site-final .choice-note{font-size:9px;line-height:1.1;margin-top:8px;}
  body.site-final .story-hero{position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;height:286px;object-fit:contain;z-index:16;}
  body.site-final .story-stage blockquote{position:absolute;right:0;top:26px;width:280px;min-height:150px;margin:0;padding:18px 18px 54px;border-radius:18px;font-size:15px;line-height:1.15;z-index:18;}
  body.site-final .story-stage blockquote img{width:52px;height:52px;right:14px;bottom:12px;}
  body.site-final .shift{position:absolute;left:50%;top:430px;transform:translateX(-50%);width:min(620px,58vw);height:58px;min-height:58px;margin:0;padding:8px 24px;z-index:16;}
  body.site-final .shift h4{font-size:13px;line-height:1;margin:0 0 4px;}
  body.site-final .shift img{height:18px;object-fit:contain;}
  body.site-final .fate-cards{position:absolute;left:50%;top:508px;transform:translateX(-50%);width:var(--v56-frame);height:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;z-index:16;}
  body.site-final .fate-cards article{height:100px;border-radius:14px;}
  body.site-final .stories .section-kicker{position:absolute;left:50%;top:618px;transform:translateX(-50%);margin:0;font-size:13px;z-index:16;}
  body.site-final .journey-row{position:absolute;left:50%;top:640px;transform:translateX(-50%);width:min(760px,72vw);height:58px;margin:0;z-index:16;}

  /* 06 EXPANSION */
  body.site-final .map-pills{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:var(--v56-frame);height:44px;margin:0;padding:4px 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;z-index:16;}
  body.site-final .map-pills span{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;line-height:1.02;}
  body.site-final .map-pills img{width:26px;height:26px;object-fit:contain;}
  body.site-final .map-zone{position:absolute;left:50%;top:214px;transform:translateX(-50%);width:var(--v56-frame);height:328px;margin:0;z-index:15;}
  body.site-final .region{position:absolute;width:206px;min-width:206px;height:42px;min-height:42px;padding:5px 10px;border-radius:14px;font-size:12px;line-height:1;z-index:16;}
  body.site-final .region img{width:28px;height:28px;object-fit:contain;}
  body.site-final .region small{font-size:7px;line-height:1.05;}
  body.site-final .frost{left:34px;top:24px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:34px;top:143px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:34px;top:262px;right:auto;bottom:auto;transform:none;}
  body.site-final .dead{right:34px;top:24px;left:auto;bottom:auto;transform:none;}
  body.site-final .iron{right:34px;top:143px;left:auto;bottom:auto;transform:none;}
  body.site-final .viking{right:34px;top:262px;left:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:143px;right:auto;bottom:auto;transform:translateX(-50%);}
  body.site-final .expansion-cards{position:absolute;left:50%;top:562px;transform:translateX(-50%);width:var(--v56-frame);height:86px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:16;}
  body.site-final .expansion-cards .feature-card{height:86px;min-height:86px;display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:10px 14px;}
  body.site-final .expansion-cards .feature-card img{grid-row:1/3;width:54px;height:54px;object-fit:contain;}
  body.site-final .expansion-cards .feature-card h3{font-size:14px;line-height:1;margin:0 0 6px;}
  body.site-final .expansion-cards .feature-card p{font-size:9px;line-height:1.08;margin:0;}

  /* 07 BLOOD */
  body.site-final .process-row{position:absolute;left:50%;top:146px;transform:translateX(-50%);width:var(--v56-frame);height:128px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;z-index:16;}
  body.site-final .process-row > i{display:none;}
  body.site-final .process-row article{height:128px;min-height:128px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:12px 14px;border-radius:18px;}
  body.site-final .process-row article:before{left:10px;top:10px;width:22px;height:22px;font:900 13px/22px Arial Black,Arial,sans-serif;}
  body.site-final .process-row img{grid-row:1/3;width:66px;height:66px;object-fit:contain;}
  body.site-final .process-row h3{font-size:16px;line-height:1;margin:0 0 6px;}
  body.site-final .process-row p{font-size:9px;line-height:1.12;margin:0;}
  body.site-final .blood-heroes{content:url('/assets/madboys.screen.07.blood/bd_heroeswide.webp');position:absolute;left:50%;top:342px;transform:translateX(-50%);width:min(980px,84vw);height:300px;object-fit:contain;margin:0;z-index:10;filter:drop-shadow(0 14px 20px rgba(5,20,60,.25));}
  body.site-final .blood-power{position:absolute;left:50%;top:582px;transform:translateX(-50%);width:min(780px,74vw);height:86px;margin:0;padding:10px 24px;text-align:center;background:rgba(255,255,255,.97);border:1.5px solid rgba(92,136,216,.42);border-radius:18px;box-shadow:0 8px 18px rgba(8,33,91,.18);z-index:18;display:block;}
  body.site-final .blood-power h4{font-size:14px;line-height:1;margin:0 0 7px;color:#0a2469;background:rgba(255,255,255,.96);border-radius:999px;padding:4px 10px;}
  body.site-final .blood-bar-crop{height:38px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
  body.site-final .blood-bar-crop img{width:100%;height:38px;object-fit:fill;}

  /* 08 REWARDS */
  body.site-final .rewards .ribbon{width:min(900px,78vw);}
  body.site-final .rewards-logo{height:82px;}
  body.site-final .faq-list{position:absolute;left:calc(50% - min(560px,44vw));top:148px;transform:none;width:min(430px,34vw);height:calc(100dvh - 190px);min-height:500px;max-height:560px;margin:0;padding:0;overflow-y:scroll;overflow-x:hidden;background:rgba(255,255,255,.94);border:1px solid rgba(57,116,220,.26);border-radius:18px;box-shadow:0 10px 23px rgba(7,31,91,.16), inset 0 1px 0 rgba(255,255,255,.75);z-index:18;}
  body.site-final .faq-list details{margin:0;border-radius:0;background:transparent;border:0;border-bottom:1px solid rgba(57,116,220,.18);box-shadow:none;}
  body.site-final .faq-list summary{min-height:56px;height:auto;padding:10px 14px;font-size:13px;line-height:1.12;align-items:flex-start;}
  body.site-final .faq-list summary img{width:28px;height:28px;flex:0 0 auto;margin-top:1px;}
  body.site-final .faq-list p{font-size:10px;line-height:1.24;padding:0 14px 14px 50px;margin:0;}
  body.site-final .faq-list::-webkit-scrollbar{width:11px;}
  body.site-final .faq-list::-webkit-scrollbar-thumb{background:rgba(35,95,214,.38);border-radius:999px;border:2px solid rgba(255,255,255,.9);}
  body.site-final .faq-list::-webkit-scrollbar-track{background:rgba(223,234,255,.7);border-radius:999px;}
  body.site-final .explore-link-wrap{position:absolute;left:calc(50% - min(560px,44vw) + min(430px,34vw) + 32px);right:auto;top:148px;transform:none;width:min(650px,50vw);height:190px;margin:0;z-index:15;}
  body.site-final .reward-hero{content:url('/assets/madboys.screen.08.rewards/rw_banner_preregister_wide.webp');position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px;margin:0;box-shadow:0 12px 26px rgba(5,31,80,.22);}
  body.site-final .reward-grid{position:absolute;left:calc(50% - min(560px,44vw) + min(430px,34vw) + 32px);right:auto;top:360px;transform:none;width:min(650px,50vw);height:136px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;z-index:15;}
  body.site-final .reward-grid article{height:136px;min-height:136px;padding:9px 6px;}
  body.site-final .reward-grid img{height:54px;width:auto;object-fit:contain;margin:0 auto 4px;display:block;}
  body.site-final .reward-grid h3{font-size:11px;line-height:1.05;margin:0 0 3px;}
  body.site-final .reward-grid b{font-size:8px;line-height:1;}
  body.site-final .reward-grid p{font-size:8px;line-height:1.06;margin:3px 0 0;}
  body.site-final .benefits-row{position:absolute;left:calc(50% - min(560px,44vw) + min(430px,34vw) + 32px);right:auto;top:520px;transform:none;width:min(650px,50vw);height:82px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:9px;z-index:15;}
  body.site-final .benefits-row span{font-size:9px;line-height:1.04;grid-template-columns:30px 1fr;}
  body.site-final .benefits-row img{width:28px;height:28px;}
  body.site-final .benefits-row small{font-size:6.6px;line-height:1.1;}
}

/* Square / compact desktop compression. This replaces the old intermediate design. */
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final{--v56-frame:calc(100vw - 48px);--v56-edge:24px;}
  body.site-final .global-topbar{left:18px;right:18px;}
  body.site-final .brandmark{flex-basis:142px;width:142px;min-width:142px;}
  body.site-final .brandmark b{font-size:16px;}
  body.site-final .desktop-nav{gap:3px;padding-right:330px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .desktop-nav a::before{width:19px;height:19px;}
  body.site-final .global-cta{right:134px;width:220px;height:38px;top:20px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .top-actions{right:30px;top:18px;}
  body.site-final .top-actions .round-icon{width:42px;height:42px;}
  body.site-final .home-cards,body.site-final .home .founder-strip,body.site-final .home .founder-slogan{width:min(820px,86vw);max-width:86vw;}
  body.site-final .home .hero-team{width:min(760px,80vw);}
  body.site-final .builds .item-card{width:270px;}
  body.site-final .build-hero{height:300px;}
  body.site-final .choice-box,body.site-final .story-stage blockquote{width:250px;}
  body.site-final .story-hero{height:260px;}
  body.site-final .region{width:190px;min-width:190px;}
  body.site-final .faq-list{left:32px;width:350px;max-width:350px;}
  body.site-final .explore-link-wrap,body.site-final .reward-grid,body.site-final .benefits-row{left:410px;width:calc(100vw - 442px);max-width:none;}
}

@media (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.site-final .content{top:64px;height:calc(100dvh - 64px);}
  body.site-final .title-wide,body.site-final .blood-logo,body.site-final .rewards-logo{height:72px;top:4px;}
  body.site-final .ribbon{top:84px;height:30px;font-size:14px;}
  body.site-final .home .title-madboys{height:82px;top:0;}
  body.site-final .home .gold-title{top:80px;font-size:22px;}
  body.site-final .home .hero-slogan{top:112px;font-size:13px;}
  body.site-final .home .hero-team{top:136px;height:270px;}
  body.site-final .home-cards{top:350px;height:86px;}
  body.site-final .home-cards .feature-card{height:86px;min-height:86px;}
  body.site-final .home .founder-strip{top:452px;height:64px;}
  body.site-final .home .founder-slogan{top:526px;height:36px;}
  body.site-final .missions .mission-scene{top:120px;height:300px;}
  body.site-final .missions .chips-row{top:436px;height:48px;}
  body.site-final .missions .mission-cards{top:500px;height:108px;}
  body.site-final .build-hero-zone{top:122px;height:320px;}
  body.site-final .build-hero{height:300px;}
  body.site-final .builds .jackpot{top:220px;}
  body.site-final .builds .ability-row{top:452px;height:104px;}
  body.site-final .builds .artifact-row{top:572px;}
  body.site-final .council .ruler-cards{top:120px;}
  body.site-final .council .influence{top:218px;}
  body.site-final .council-table{top:310px;height:220px;}
  body.site-final .bonus-cards{top:532px;height:86px;}
  body.site-final .story-stage{top:118px;height:260px;}
  body.site-final .story-hero{height:260px;}
  body.site-final .shift{top:380px;}
  body.site-final .fate-cards{top:452px;height:96px;}
  body.site-final .stories .section-kicker{top:558px;}
  body.site-final .journey-row{top:578px;}
  body.site-final .map-pills{top:124px;}
  body.site-final .map-zone{top:184px;height:306px;}
  body.site-final .expansion-cards{top:512px;height:80px;}
  body.site-final .process-row{top:122px;height:116px;}
  body.site-final .blood-heroes{top:312px;height:260px;}
  body.site-final .blood-power{top:548px;height:78px;}
  body.site-final .faq-list{top:126px;height:calc(100dvh - 158px);min-height:0;max-height:none;}
  body.site-final .explore-link-wrap{top:126px;height:166px;}
  body.site-final .reward-grid{top:308px;height:122px;}
  body.site-final .benefits-row{top:448px;height:74px;}
}

/* v56 final safety reset: old desktop layers centered .content/topbar with translateX(-50%).
   The clean v56 desktop is full-width, so these transforms must be killed. */
@media (min-aspect-ratio:1.001/1){
  body.site-final .content,
  body.site-final .global-topbar,
  body.site-final .canvas,
  body.site-final .screen{
    transform:none;
    translate:none;
  }
}

/* v56 final layout correction pass: neutralize inherited max-width/relative/transform rules from older desktop layers. */
@media (min-aspect-ratio:1.001/1){
  body.site-final .content{
    left:0;right:0;top:74px;bottom:0;
    width:100vw;max-width:none;height:calc(100dvh - 74px);
    transform:none;translate:none;margin:0;
  }
  body.site-final .global-topbar{transform:none;translate:none;max-width:none;}

  body.site-final section.council .bonus-cards{
    position:absolute;left:50%;right:auto;top:596px;bottom:auto;
    transform:translateX(-50%);translate:none;width:var(--v56-frame);max-width:var(--v56-frame);height:92px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;z-index:18;
  }
  body.site-final section.council .council-table{
    content:normal;position:absolute;left:50%;right:auto;top:338px;bottom:auto;
    transform:translateX(-50%);translate:none;width:min(560px,52vw);max-width:52vw;height:250px;max-height:250px;
    object-fit:contain;margin:0;z-index:12;display:block;
  }

  body.site-final section.stories .story-stage{
    position:absolute;left:50%;right:auto;top:146px;bottom:auto;
    transform:translateX(-50%);translate:none;width:var(--v56-frame);max-width:var(--v56-frame);height:286px;min-height:0;margin:0;z-index:14;
  }
  body.site-final section.stories .choice-box{position:absolute;left:0;top:22px;width:280px;height:218px;transform:none;}
  body.site-final section.stories .story-hero{position:absolute;left:50%;top:0;transform:translateX(-50%);height:286px;width:auto;}
  body.site-final section.stories .story-stage blockquote{position:absolute;right:0;left:auto;top:26px;width:280px;min-height:150px;transform:none;}
}

@media (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.site-final .content{top:64px;height:calc(100dvh - 64px);}
  body.site-final section.council .bonus-cards{top:532px;height:86px;}
  body.site-final section.council .council-table{top:310px;height:220px;}
  body.site-final section.stories .story-stage{top:118px;height:260px;}
  body.site-final section.stories .story-hero{height:260px;}
}

/* v56 header final: no inherited max-width; CTA sits directly before chest/burger with the same gap. */
@media (min-aspect-ratio:1.001/1){
  body.site-final .global-topbar{
    left:var(--v56-edge);right:var(--v56-edge);width:auto;max-width:none;transform:none;
  }
  body.site-final .top-actions{
    position:fixed;right:calc(var(--v56-edge) + 18px);left:auto;top:17px;width:auto;transform:none;gap:10px;
  }
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    position:fixed;right:calc(var(--v56-edge) + 126px);left:auto;top:17px;width:260px;height:44px;transform:none;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final .global-topbar{left:18px;right:18px;width:auto;max-width:none;}
  body.site-final .top-actions{right:30px;left:auto;}
  body.site-final .global-cta{right:138px;left:auto;width:220px;height:38px;}
}
@media (min-aspect-ratio:1.001/1){
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{right:calc(var(--v56-edge) + 136px);}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final .global-cta{right:148px;}
}


/* v58 selective rebuild: keep v56 proportions, borrow only the successful parts from v57. */
@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v58-edge:clamp(18px,2.2vw,28px);
    --v58-safe:min(1120px, calc(100vw - (var(--v58-edge) * 2)));
  }

  /* Header: take the good v57 header almost as-is. */
  body.site-final .global-topbar{
    position:fixed;
    left:var(--v58-edge);
    right:var(--v58-edge);
    top:12px;
    height:72px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:rgba(255,255,255,.96);
    border-radius:22px;
    box-shadow:0 8px 24px rgba(9,32,83,.18);
    z-index:200;
    width:auto;
    max-width:none;
    transform:none;
  }
  body.site-final .brandmark{flex:0 0 190px;width:190px;min-width:190px;margin:0;}
  body.site-final .brandmark img{width:38px;height:44px;}
  body.site-final .brandmark b{font-size:23px;line-height:.92;}
  body.site-final .brandmark small{font-size:10px;line-height:1;}
  body.site-final .desktop-nav{
    position:static;transform:none;left:auto;right:auto;top:auto;
    display:flex;align-items:center;justify-content:flex-start;
    flex:1 1 auto;gap:8px;white-space:nowrap;overflow:hidden;
    padding-right:360px;
  }
  body.site-final .desktop-nav .nav-highlight{height:52px;top:8px;border-radius:15px;}
  body.site-final .desktop-nav a,
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{
    height:56px;min-width:58px;padding:2px 4px;margin:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    transform:none;translate:none;
    font:900 10px/1 Arial,sans-serif;color:#071358;text-decoration:none;
  }
  body.site-final .desktop-nav a::before,
  body.site-final .desktop-nav a.active::before,
  body.site-final .desktop-nav a:hover::before{
    position:static;display:block;width:24px;height:24px;margin:0;transform:none;translate:none;flex:0 0 auto;
  }
  body.site-final .top-actions{position:fixed;right:42px;top:26px;display:flex;gap:10px;z-index:205;left:auto;transform:none;}
  body.site-final .top-actions .round-icon{width:38px;height:38px;}
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    position:fixed;
    top:18px;
    right:154px;
    left:auto;
    bottom:auto;
    width:232px;
    height:38px;
    padding:0;
    margin:0;
    background:none;
    border:0;
    box-shadow:none;
    transform:none;
    aspect-ratio:auto;
    z-index:204;
  }
  body.site-final .global-cta:before{display:none;content:none;}
  body.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 6px 12px rgba(28,39,94,.22));display:block;}
  body.site-final .global-cta .cta-overlay{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;padding:0 28px;text-align:center;box-sizing:border-box;transform:none;}
  body.site-final .global-cta .cta-overlay b{font:900 10.4px/.92 Arial Black,Arial,sans-serif;color:#09286d;text-transform:uppercase;letter-spacing:-.12px;transform:translateY(-1px);white-space:normal;text-align:center;width:100%;}

  /* Builds: keep v56 geometry but use the better bigger centered hero from v57. */
  body.site-final .build-hero-zone{
    position:absolute;
    left:50%;
    top:142px;
    transform:translateX(-50%);
    width:var(--v56-frame);
    height:360px;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
    z-index:10;
  }
  body.site-final .build-hero,
  body.site-final .build-hero-zone .hero-figure{
    position:absolute;
    left:50%;
    top:22px;
    transform:translateX(-50%);
    width:auto;
    height:340px;
    max-height:340px;
    object-fit:contain;
    z-index:11;
  }
  body.site-final .builds .jackpot{
    position:absolute;
    left:50%;
    top:258px;
    bottom:auto;
    transform:translateX(-50%);
    width:170px;
    z-index:16;
  }

  /* Rewards FAQ: guarantee all 10 entries are visible and not hidden by old version classes. */
  body.site-final .rewards .faq-list details,
  body.site-final .founder-rewards .faq-list details,
  body.site-final .static-slice-screen .faq-list details{
    display:block;
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final .global-topbar{left:18px;right:18px;}
  body.site-final .brandmark{flex-basis:142px;width:142px;min-width:142px;}
  body.site-final .brandmark b{font-size:16px;}
  body.site-final .desktop-nav{gap:3px;padding-right:340px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .desktop-nav a::before{width:19px;height:19px;}
  body.site-final .global-cta{right:148px;width:220px;height:38px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .top-actions{right:30px;}
}

/* v58 popup art treatment: image stays readable at the top, fades only at the bottom. */
body.site-final .region-modal .popup-hero,
body.site-final .lazy-popup .popup-hero,
body.site-final .usp-panel .popup-hero{
  height:200px;
  margin:-24px -24px 0;
  border-radius:24px 24px 0 0;
  background-size:cover;
  background-position:center top;
  position:relative;
  overflow:hidden;
}
body.site-final .region-modal .popup-hero::after,
body.site-final .lazy-popup .popup-hero::after,
body.site-final .usp-panel .popup-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:96px;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 28%, rgba(255,255,255,.62) 66%, rgba(255,255,255,.96) 100%);
}
body.site-final .region-modal .region-panel{overflow:hidden;}
body.site-final .region-modal .region-copy{
  position:relative;
  z-index:2;
  margin-top:-34px;
  padding:16px 18px 18px;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(6px);
  border-top:1px solid rgba(255,255,255,.5);
}
body.site-final .region-modal .region-copy h2,
body.site-final .region-modal .region-copy p{position:relative;z-index:2;}

/* Lazy popups: the content slightly overlaps the faded art and stays translucent. */
body.site-final .usp-shell{
  overflow:hidden;
}
body.site-final .usp-panel .usp-scroll{
  padding-top:0;
}
body.site-final .usp-panel .usp-header{
  position:relative;
  z-index:2;
  margin:-30px 0 18px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(150,181,234,.42);
  box-shadow:0 10px 22px rgba(10,35,91,.10);
  backdrop-filter:blur(8px);
}
body.site-final .usp-panel article,
body.site-final .usp-panel .usp-visual-box,
body.site-final .usp-panel .hero-carousel,
body.site-final .usp-panel .hero-profile,
body.site-final .usp-panel .hero-card,
body.site-final .usp-panel .usp-key-grid article,
body.site-final .usp-panel .ritual-ending-card,
body.site-final .usp-panel .jackpot-power-state,
body.site-final .usp-panel .jackpot-loop-card,
body.site-final .usp-panel .jackpot-rule-card,
body.site-final .usp-panel .jackpot-combo-card,
body.site-final .usp-panel .jackpot-stage-card,
body.site-final .usp-panel .usp-stage-note,
body.site-final .usp-panel .usp-summary,
body.site-final .usp-panel .usp-callout,
body.site-final .usp-panel .usp-quote,
body.site-final .usp-panel .usp-fact,
body.site-final .usp-panel .usp-grid article{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
}
body.site-final .usp-panel .usp-visual-placeholder,
body.site-final .usp-panel .hero-carousel-topnote,
body.site-final .usp-panel .hero-info-card,
body.site-final .usp-panel .usp-note{
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(6px);
}

/* FAQ list in v58: keep 10 entries, scrollable, and never clamp to first 3. */
body.site-final .faq-list details:nth-of-type(n+4){display:block;}


/* v59: centered desktop refinement pass based on v58 feedback. */

/* FAQ real reset for all viewports: force 10 real items, never clamp to 3 old ones. */
body.site-final .rewards .faq-list details,
body.site-final .founder-rewards .faq-list details,
body.site-final .static-slice-screen .faq-list details,
body.site-final .faq-list details{
  display:block;
}
body.site-final .rewards .faq-list details:nth-of-type(n+4),
body.site-final .founder-rewards .faq-list details:nth-of-type(n+4),
body.site-final .static-slice-screen .faq-list details:nth-of-type(n+4),
body.site-final .faq-list details:nth-of-type(n+4){
  display:block;
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v59-edge:clamp(26px,2.15vw,36px);
    --v59-safe:min(1110px, calc(100vw - (var(--v59-edge) * 2)));
  }

  /* Header frame slightly tighter vertically, closer to the successful v56 silhouette. */
  body.site-final .global-topbar{
    position:fixed;
    left:var(--v59-edge);
    right:var(--v59-edge);
    top:10px;
    height:60px;
    padding:0 18px;
    border-radius:20px;
    width:auto;
    max-width:none;
    transform:none;
  }
  body.site-final .brandmark{flex:0 0 178px;width:178px;min-width:178px;}
  body.site-final .brandmark img{width:34px;height:40px;}
  body.site-final .brandmark b{font-size:21px;line-height:.92;}
  body.site-final .brandmark small{font-size:9px;}
  body.site-final .desktop-nav{padding-right:390px;gap:7px;}
  body.site-final .desktop-nav .nav-highlight{height:44px;top:8px;border-radius:14px;}
  body.site-final .desktop-nav a,
  body.site-final .desktop-nav a.active,
  body.site-final .desktop-nav a:hover{height:46px;font-size:9.7px;min-width:56px;}
  body.site-final .desktop-nav a::before,
  body.site-final .desktop-nav a.active::before,
  body.site-final .desktop-nav a:hover::before{width:22px;height:22px;}
  body.site-final .top-actions{top:22px;right:calc(var(--v59-edge) + 16px);gap:10px;}
  body.site-final .top-actions .round-icon{width:36px;height:36px;}
  body.site-final .global-cta,
  body.site-final[data-current] .global-cta,
  html[dir="rtl"] body.site-final .global-cta{
    top:15px;
    right:calc(var(--v59-edge) + 118px);
    width:285px;
    height:42px;
  }
  body.site-final .global-cta .cta-overlay b{font-size:10.2px;line-height:.92;}

  /* First screen: keep strict inner margins so the 3 cards never leave the frame. */
  body.site-final .home-cards{
    position:absolute;
    left:var(--v59-edge);
    right:var(--v59-edge);
    width:auto;
    max-width:none;
    top:416px;
    transform:none;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    height:96px;
    z-index:25;
  }
  body.site-final .home-cards .feature-card{
    min-width:0;
    height:96px;
    grid-template-columns:86px minmax(0,1fr) 24px;
    gap:10px;
    padding:8px 10px;
    overflow:hidden;
  }
  body.site-final .home-cards .feature-card img{width:80px;height:54px;}
  body.site-final .home-cards .feature-card h3{font-size:15px;margin:0 0 4px;}
  body.site-final .home-cards .feature-card p{font-size:8.7px;line-height:1.12;}
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    left:var(--v59-edge);
    right:var(--v59-edge);
    width:auto;
    max-width:none;
    transform:none;
  }
  body.site-final .home .founder-strip{top:528px;height:68px;grid-template-columns:104px minmax(0,1fr) 144px;}
  body.site-final .home .founder-slogan{top:608px;height:auto;}

  /* Builds: keep the nice bigger hero, but lift Jackpot Run so it is not buried under the lower UI. */
  body.site-final .build-hero,
  body.site-final .build-hero-zone .hero-figure{height:352px;max-height:352px;top:20px;}
  body.site-final .builds .jackpot{top:228px;width:176px;z-index:16;}

  /* Council: move only the top group lower; keep bottom modifiers row where it was. Table becomes larger and acts as a deeper center background. */
  body.site-final .council .ruler-cards{top:168px;}
  body.site-final .council .influence{top:274px;}
  body.site-final section.council .council-table,
  body.site-final .council-table{
    top:352px;
    width:min(760px, 64vw);
    max-width:64vw;
    height:360px;
    max-height:360px;
    z-index:12;
  }
  body.site-final section.council .bonus-cards,
  body.site-final .bonus-cards{top:596px;}

  /* Stories: bigger hero lower in the center; choice module uses its own space more evenly. */
  body.site-final section.stories .story-stage,
  body.site-final .story-stage{top:146px;height:360px;}
  body.site-final section.stories .story-hero,
  body.site-final .story-hero{height:440px;top:18px;left:50%;transform:translateX(-50%);z-index:10;}
  body.site-final section.stories .choice-box,
  body.site-final .choice-box{
    top:28px;
    width:300px;
    height:270px;
    padding:16px 16px 14px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
  body.site-final .choice-box h4{font-size:15px;margin:0 0 10px;}
  body.site-final .choice-box img{height:38px;margin:0 0 6px;object-fit:fill;}
  body.site-final .choice-box span{
    display:flex;
    align-items:center;
    min-height:18px;
    margin:-31px 0 13px 54px;
    font-size:10px;
    line-height:1.05;
  }
  body.site-final .choice-note{margin-top:auto;font-size:8.8px;line-height:1.12;}
  body.site-final section.stories .story-stage blockquote,
  body.site-final .story-stage blockquote{top:32px;min-height:170px;z-index:18;}
  body.site-final .shift{top:506px;}
  body.site-final .fate-cards{top:584px;}
  body.site-final .stories .section-kicker{top:692px;}
  body.site-final .journey-row{top:714px;}

  /* Expansion: lower only the top icon strip; region labels are re-centered 3/1/3. Bottom cards stay untouched. */
  body.site-final .map-pills{top:168px;}
  body.site-final .map-zone{top:226px;height:320px;}
  body.site-final .region{width:270px;height:54px;padding:7px 14px;display:flex;align-items:center;}
  body.site-final .region img{width:30px;height:30px;}
  body.site-final .region{font-size:9px;line-height:1.02;}
  body.site-final .region small{font-size:8px;line-height:1.06;}
  body.site-final .frost{left:18px;top:18px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:18px;top:132px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:18px;top:246px;right:auto;bottom:auto;transform:none;}
  body.site-final .dead{right:18px;top:18px;left:auto;bottom:auto;transform:none;}
  body.site-final .iron{right:18px;top:132px;left:auto;bottom:auto;transform:none;}
  body.site-final .viking{right:18px;top:246px;left:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:132px;right:auto;bottom:auto;transform:translateX(-50%);}

  /* Blood: lift the 80% bar slightly and give it more vertical room so the lower edge is not cropped. */
  body.site-final .blood-power{
    top:540px;
    height:92px;
    padding:8px 18px 12px;
    overflow:visible;
  }
  body.site-final .blood-power h4{margin:0 0 7px;font-size:14px;}
  body.site-final .blood-power .blood-bar-crop{height:52px;overflow:visible;}
  body.site-final .blood-power img{height:52px;object-fit:contain;display:block;}

  /* Rewards: lower the top reward banner module a bit; FAQ column remains independent. */
  body.site-final .explore-link-wrap{top:144px;}
  body.site-final .reward-grid{top:326px;}
  body.site-final .benefits-row{top:468px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final .global-topbar{left:18px;right:18px;}
  body.site-final .brandmark{flex-basis:146px;width:146px;min-width:146px;}
  body.site-final .brandmark b{font-size:16px;}
  body.site-final .desktop-nav{gap:3px;padding-right:340px;}
  body.site-final .desktop-nav a{min-width:48px;font-size:8.2px;}
  body.site-final .desktop-nav a::before{width:19px;height:19px;}
  body.site-final .global-cta{right:148px;width:220px;height:38px;top:15px;}
  body.site-final .global-cta .cta-overlay b{font-size:9.4px;}
  body.site-final .top-actions{right:30px;top:21px;}
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{left:24px;right:24px;}
  body.site-final section.stories .choice-box,
  body.site-final .choice-box{width:270px;}
  body.site-final .region{width:240px;}
}


/* v60: refine desktop spacing by module, keeping center alignment and independent block movement. */
body.site-final .faq-list details,
body.site-final .faq-list details:nth-of-type(n+4){display:block;}

/* Popup backgrounds finally mapped to real assets. */
body.site-final .popup-hero--ai{background-image:url('/assets/popups/lazy/ai-heroes.webp');}
body.site-final .popup-hero--raids{background-image:url('/assets/popups/lazy/tactical-raids.webp');}
body.site-final .popup-hero--kingdom{background-image:url('/assets/popups/lazy/living-kingdom.webp');}
body.site-final .popup-hero--jackpot{background-image:url('/assets/popups/lazy/jackpot-run.webp');}
body.site-final .popup-hero--ritual{background-image:url('/assets/popups/lazy/final-ritual.webp');}
body.site-final .popup-hero--frostvale{background-image:url('/assets/popups/regions/frostvale.webp');}
body.site-final .popup-hero--whisperwood{background-image:url('/assets/popups/regions/whisperwood.webp');}
body.site-final .popup-hero--orclands{background-image:url('/assets/popups/regions/orclands.webp');}
body.site-final .popup-hero--deadlands{background-image:url('/assets/popups/regions/deadlands.webp');}
body.site-final .popup-hero--ironhills{background-image:url('/assets/popups/regions/ironhills.webp');}
body.site-final .popup-hero--vikingshores{background-image:url('/assets/popups/regions/vikingshores.webp');}
body.site-final .popup-hero--mysticisles{background-image:url('/assets/popups/regions/mysticisles.webp');}

/* Popup cards stay readable but visibly show the art beneath. */
body.site-final .region-modal .popup-hero,
body.site-final .lazy-popup .popup-hero,
body.site-final .usp-panel .popup-hero{
  height:212px;
  margin:-24px -24px 0;
  border-radius:24px 24px 0 0;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
}
body.site-final .region-modal .popup-hero::after,
body.site-final .lazy-popup .popup-hero::after,
body.site-final .usp-panel .popup-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:104px;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.12) 22%, rgba(255,255,255,.44) 58%, rgba(255,255,255,.9) 100%);
}
body.site-final .usp-shell{overflow:hidden;}
body.site-final .usp-panel .usp-scroll{padding-top:0;}
body.site-final .usp-panel .usp-header,
body.site-final .region-modal .region-copy{
  position:relative;
  z-index:2;
  border-radius:22px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(150,181,234,.40);
  backdrop-filter:blur(8px);
}
body.site-final .usp-panel .usp-header{margin:-28px 0 18px;padding:18px 20px;box-shadow:0 10px 22px rgba(10,35,91,.10);}
body.site-final .region-modal .region-copy{margin-top:-30px;padding:16px 18px 18px;}
body.site-final .usp-panel article,
body.site-final .usp-panel .usp-visual-box,
body.site-final .usp-panel .hero-carousel,
body.site-final .usp-panel .hero-profile,
body.site-final .usp-panel .hero-card,
body.site-final .usp-panel .usp-key-grid article,
body.site-final .usp-panel .ritual-ending-card,
body.site-final .usp-panel .jackpot-power-state,
body.site-final .usp-panel .jackpot-loop-card,
body.site-final .usp-panel .jackpot-rule-card,
body.site-final .usp-panel .jackpot-combo-card,
body.site-final .usp-panel .jackpot-stage-card,
body.site-final .usp-panel .usp-stage-note,
body.site-final .usp-panel .usp-summary,
body.site-final .usp-panel .usp-callout,
body.site-final .usp-panel .usp-quote,
body.site-final .usp-panel .usp-fact,
body.site-final .usp-panel .usp-grid article,
body.site-final .usp-panel .hero-copy-card,
body.site-final .usp-panel .hero-slide-counter,
body.site-final .usp-panel .hero-carousel-topnote,
body.site-final .usp-panel .usp-note{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v60-edge:clamp(26px,2.15vw,36px);
    --v60-safe:min(1110px, calc(100vw - (var(--v60-edge) * 2)));
    --v60-home-frame:min(1120px, 70vw);
  }

  /* HOME — narrow the lower modules to a mission-like frame, while moving only title/hero. */
  body.site-final .home .title-madboys{top:22px;}
  body.site-final .home .gold-title{top:114px;}
  body.site-final .home .hero-slogan{top:154px; width:min(820px, 72vw);}
  body.site-final .home .hero-team{
    top:184px;
    width:min(980px, 72vw);
    height:420px;
    max-height:420px;
    object-fit:contain;
    z-index:11;
  }
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:var(--v60-home-frame);
    max-width:var(--v60-home-frame);
  }
  body.site-final .home-cards{
    top:430px;
    height:96px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  body.site-final .home-cards .feature-card{
    min-width:0;
    height:96px;
    display:grid;
    grid-template-columns:86px minmax(0,1fr) 28px;
    grid-template-rows:auto auto;
    grid-template-areas:"img title arrow" "img desc arrow";
    gap:10px;
    padding:8px 10px;
    overflow:hidden;
    position:relative;
  }
  body.site-final .home-cards .feature-card img{grid-area:img;}
  body.site-final .home-cards .feature-card h3{grid-area:title;}
  body.site-final .home-cards .feature-card p{grid-area:desc;}
  body.site-final .home-cards .feature-card::after{grid-area:arrow;}
  body.site-final .home-cards .feature-card img{width:80px;height:54px;}
  body.site-final .home-cards .feature-card h3{font-size:15px;margin:0 0 4px;}
  body.site-final .home-cards .feature-card p{font-size:8.7px;line-height:1.12;}
  body.site-final .home .founder-strip{top:542px;height:66px;grid-template-columns:104px minmax(0,1fr) 144px;}
  body.site-final .home .founder-slogan{top:620px;height:auto;}

  /* COUNCIL — raise bottom row slightly; keep table centered but much larger. */
  body.site-final .council .ruler-cards{top:168px;}
  body.site-final .council .influence{top:274px;}
  body.site-final section.council .council-table,
  body.site-final .council-table{
    top:330px;
    width:min(820px, 66vw);
    max-width:66vw;
    height:350px;
    max-height:350px;
    z-index:12;
  }
  body.site-final section.council .bonus-cards,
  body.site-final .bonus-cards{top:578px;height:88px;}

  /* STORIES — lift the lower modules, enlarge the central hero staging, and relax the path-choice layout. */
  body.site-final section.stories .story-stage,
  body.site-final .story-stage{top:146px;height:344px;}
  body.site-final section.stories .story-hero,
  body.site-final .story-hero{height:430px;top:28px;left:50%;transform:translateX(-50%);z-index:10;}
  body.site-final section.stories .choice-box,
  body.site-final .choice-box{
    top:24px;
    width:310px;
    height:302px;
    padding:16px 16px 14px;
    display:flex;
    flex-direction:column;
  }
  body.site-final .choice-box h4{font-size:16px;margin:0 0 12px;}
  body.site-final .choice-box img{height:42px;margin:0 0 9px;object-fit:fill;}
  body.site-final .choice-box span{
    display:flex;align-items:center;
    min-height:19px;margin:-35px 0 16px 58px;
    font-size:10.5px;line-height:1.05;
  }
  body.site-final .choice-note{margin-top:auto;font-size:9px;line-height:1.15;}
  body.site-final section.stories .story-stage blockquote,
  body.site-final .story-stage blockquote{top:26px;min-height:168px;z-index:18;}
  body.site-final .shift{top:500px;height:56px;min-height:56px;}
  body.site-final .fate-cards{top:568px;height:92px;}
  body.site-final .fate-cards article{height:92px;}
  body.site-final .stories .section-kicker{top:652px;}
  body.site-final .journey-row{top:674px;height:54px;}
  body.site-final .journey-row img{height:54px;}

  /* EXPANSION — reset region title placement into a centered 3 / 1 / 3 composition. */
  body.site-final .map-pills{top:176px;}
  body.site-final .map-zone{top:244px;height:320px;}
  body.site-final .region{
    width:248px;
    min-width:248px;
    height:54px;
    min-height:54px;
    padding:7px 14px;
    border-radius:16px;
    display:flex;
    align-items:center;
    font-size:10px;
    line-height:1.02;
  }
  body.site-final .region img{width:30px;height:30px;}
  body.site-final .region small{font-size:8px;line-height:1.06;}
  body.site-final .frost{left:130px;top:18px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:130px;top:132px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:130px;top:246px;right:auto;bottom:auto;transform:none;}
  body.site-final .dead{right:130px;top:18px;left:auto;bottom:auto;transform:none;}
  body.site-final .iron{right:130px;top:132px;left:auto;bottom:auto;transform:none;}
  body.site-final .viking{right:130px;top:246px;left:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:132px;right:auto;bottom:auto;transform:translateX(-50%);}

  /* BLOOD — only lower the top cards and enlarge the island scene. */
  body.site-final .process-row{top:174px;}
  body.site-final .blood-heroes{
    top:336px;
    width:min(1120px, 90vw);
    height:364px;
    max-height:364px;
  }

  /* REWARDS — move the FAQ and the reward-side stack slightly lower for even left/right rhythm. */
  body.site-final .faq-list{
    top:174px;
    height:calc(100dvh - 214px);
  }
  body.site-final .explore-link-wrap{top:174px;}
  body.site-final .reward-grid{top:378px;}
  body.site-final .benefits-row{top:538px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final{--v60-home-frame:min(980px, calc(100vw - 54px));}
  body.site-final .home .hero-team{width:min(860px,76vw);height:388px;top:188px;}
  body.site-final .global-topbar{left:18px;right:18px;}
  body.site-final section.stories .choice-box,
  body.site-final .choice-box{width:284px;height:292px;}
  body.site-final .region{width:226px;min-width:226px;}
  body.site-final .frost,body.site-final .whisper,body.site-final .orc{left:84px;}
  body.site-final .dead,body.site-final .iron,body.site-final .viking{right:84px;}
  body.site-final .faq-list{top:150px;height:calc(100dvh - 188px);}
  body.site-final .explore-link-wrap{top:150px;}
  body.site-final .reward-grid{top:334px;}
  body.site-final .benefits-row{top:484px;}
}


/* v61 polishing pass */
body.site-final .faq-list details,
body.site-final .faq-list details:nth-of-type(n+4){display:block;}

/* Lazy popups: full art behind content, softened overall, with diagonal whitening from bottom-left to top-right. */
body.site-final .usp-panel .usp-scroll,
body.site-final .lazy-popup .usp-scroll{position:relative;overflow:hidden;padding-top:0;}
body.site-final .lazy-popup .popup-hero,
body.site-final .usp-panel .popup-hero{
  position:absolute;
  inset:0 0 auto 0;
  height:58%;
  min-height:330px;
  margin:0;
  border-radius:24px 24px 0 0;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  z-index:0;
  opacity:.92;
  filter:saturate(.92) brightness(.96);
}
body.site-final .lazy-popup .popup-hero::before,
body.site-final .usp-panel .popup-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.10);
}
body.site-final .lazy-popup .popup-hero::after,
body.site-final .usp-panel .popup-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top right,
    rgba(255,255,255,.98) 6%,
    rgba(255,255,255,.93) 26%,
    rgba(255,255,255,.74) 44%,
    rgba(255,255,255,.38) 62%,
    rgba(255,255,255,.14) 80%,
    rgba(255,255,255,.02) 100%);
}
body.site-final .usp-panel .usp-close,
body.site-final .lazy-popup .usp-close{position:relative;z-index:4;}
body.site-final .usp-panel .usp-header,
body.site-final .lazy-popup .usp-header,
body.site-final .usp-panel article,
body.site-final .usp-panel .usp-visual-box,
body.site-final .usp-panel .hero-carousel,
body.site-final .usp-panel .hero-profile,
body.site-final .usp-panel .hero-card,
body.site-final .usp-panel .usp-key-grid article,
body.site-final .usp-panel .ritual-ending-card,
body.site-final .usp-panel .jackpot-power-state,
body.site-final .usp-panel .jackpot-loop-card,
body.site-final .usp-panel .jackpot-rule-card,
body.site-final .usp-panel .jackpot-combo-card,
body.site-final .usp-panel .jackpot-stage-card,
body.site-final .usp-panel .usp-stage-note,
body.site-final .usp-panel .usp-summary,
body.site-final .usp-panel .usp-callout,
body.site-final .usp-panel .usp-quote,
body.site-final .usp-panel .usp-fact,
body.site-final .usp-panel .usp-grid article,
body.site-final .usp-panel .hero-copy-card,
body.site-final .usp-panel .hero-slide-counter,
body.site-final .usp-panel .hero-carousel-topnote,
body.site-final .usp-panel .usp-note,
body.site-final .usp-panel .hero-info-card,
body.site-final .usp-panel .usp-visual-placeholder{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.56);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 8px 16px rgba(13,37,91,.08);
}
body.site-final .usp-panel .usp-header,
body.site-final .lazy-popup .usp-header{
  margin-top:148px;
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{--v61-home-frame:min(1040px, 64vw);}

  /* HOME */
  body.site-final .home .title-madboys{top:34px;}
  body.site-final .home .gold-title{top:126px;}
  body.site-final .home .hero-slogan{top:170px;width:min(810px,70vw);}
  body.site-final .home .hero-team{
    top:196px;
    width:min(1120px,78vw);
    height:456px;
    max-height:456px;
  }
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    left:50%;
    transform:translateX(-50%);
    width:var(--v61-home-frame);
    max-width:var(--v61-home-frame);
  }
  body.site-final .home-cards{
    top:434px;
    gap:10px;
    height:94px;
  }
  body.site-final .home-cards .feature-card{
    height:94px;
    grid-template-columns:76px minmax(0,1fr) 24px;
    padding:8px 9px;
    gap:8px;
  }
  body.site-final .home-cards .feature-card img{width:72px;height:50px;}
  body.site-final .home-cards .feature-card h3{font-size:13.5px;line-height:1.02;margin:0 0 3px;}
  body.site-final .home-cards .feature-card p{font-size:8.3px;line-height:1.14;white-space:normal;}
  body.site-final .home .founder-strip{
    top:540px;
    height:64px;
    grid-template-columns:96px minmax(0,1fr) 144px;
    gap:10px;
  }
  body.site-final .home .founder-strip > img:first-child{width:88px;height:56px;}
  body.site-final .home .founder-strip b{font-size:16px;line-height:1;}
  body.site-final .home .founder-strip small{font-size:9px;line-height:1.08;}
  body.site-final .home .view-rewards-button{
    position:relative;
    width:142px;
    height:42px;
    margin:0;
    align-self:center;
    justify-self:center;
    display:block;
    top:-2px;
  }
  body.site-final .home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .home .view-rewards-text{
    position:absolute;
    left:16px;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    font-size:10px;
    line-height:1;
    text-align:center;
    white-space:normal;
  }
  body.site-final .home .founder-slogan{top:618px;}

  /* COUNCIL */
  body.site-final .council .influence{
    top:278px;
    width:min(760px, 58vw);
    max-width:58vw;
    left:50%;
    transform:translateX(-50%);
    padding:8px 14px 6px;
  }
  body.site-final .council .influence img{width:min(520px, 100%);height:30px;object-fit:contain;display:block;margin:0 auto;}
  body.site-final .council .influence div{
    width:min(520px, 100%);
    margin:2px auto 0;
    display:flex;
    justify-content:space-between;
    font-size:13px;
    line-height:1;
  }
  body.site-final .council .influence-note{width:min(520px, 100%);margin:1px auto 0;font-size:7.6px;line-height:1;}
  body.site-final .council-table{
    top:322px;
    width:min(940px, 74vw);
    max-width:74vw;
    height:auto;
    max-height:none;
    object-fit:contain;
    z-index:12;
  }

  /* STORIES */
  body.site-final .shift{top:478px;height:54px;min-height:54px;}
  body.site-final .fate-cards{top:540px;height:82px;}
  body.site-final .fate-cards article{height:82px;}
  body.site-final .fate-cards img{height:82px;object-fit:cover;}
  body.site-final .fate-cards h3{font-size:11px;}
  body.site-final .fate-cards p{font-size:7px;line-height:1.02;}
  body.site-final .stories .section-kicker{top:626px;}
  body.site-final .journey-row{top:648px;height:44px;}
  body.site-final .journey-row img{height:44px;}
  body.site-final .journey-row span{font-size:10px;}

  /* EXPANSION */
  body.site-final .map-pills{top:176px;}
  body.site-final .map-zone{top:244px;height:306px;}
  body.site-final .region{
    width:230px;
    min-width:230px;
    height:50px;
    min-height:50px;
    padding:7px 12px;
    border-radius:16px;
    margin:0;
  }
  body.site-final .region img{width:28px;height:28px;}
  body.site-final .frost{left:calc(50% - 375px);top:18px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:calc(50% - 375px);top:128px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:calc(50% - 375px);top:238px;right:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:128px;right:auto;bottom:auto;transform:translateX(-50%);}
  body.site-final .dead{left:calc(50% + 145px);top:18px;right:auto;bottom:auto;transform:none;}
  body.site-final .iron{left:calc(50% + 145px);top:128px;right:auto;bottom:auto;transform:none;}
  body.site-final .viking{left:calc(50% + 145px);top:238px;right:auto;bottom:auto;transform:none;}

  /* BLOOD */
  body.site-final .process-row{top:188px;}

  /* REWARDS */
  body.site-final .faq-list{top:182px;height:532px;}
  body.site-final .explore-link-wrap{top:188px;}
  body.site-final .reward-grid{top:390px;}
  body.site-final .benefits-row{top:548px;}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final{--v61-home-frame:min(980px, calc(100vw - 52px));}
  body.site-final .home .hero-team{width:min(940px,79vw);height:424px;}
  body.site-final .home-cards .feature-card h3{font-size:12.4px;}
  body.site-final .home-cards .feature-card p{font-size:7.8px;}
  body.site-final .council .influence{width:min(700px, 64vw);max-width:64vw;}
  body.site-final .council-table{width:min(860px, 78vw);max-width:78vw;}
  body.site-final .frost,body.site-final .whisper,body.site-final .orc{left:calc(50% - 333px);}
  body.site-final .dead,body.site-final .iron,body.site-final .viking{left:calc(50% + 103px);}
  body.site-final .region{width:214px;min-width:214px;}
  body.site-final .faq-list{height:504px;}
  body.site-final .reward-grid{top:366px;}
  body.site-final .benefits-row{top:516px;}
}


/* v62: desktop-only polish and tighter safe-area control */
body.site-final .faq-list details,
body.site-final .faq-list details:nth-of-type(n+4){display:block;}

/* Lazy popups — bleed the art beyond inner padding, then fade diagonally into white. */
body.site-final .usp-shell{overflow:hidden;}
body.site-final .usp-panel .usp-scroll,
body.site-final .lazy-popup .usp-scroll,
body.site-final .static-popup-page .usp-scroll{
  position:relative;
  overflow:auto;
  padding:0 26px 26px;
  box-sizing:border-box;
}
body.site-final .lazy-popup .popup-hero,
body.site-final .usp-panel .popup-hero,
body.site-final .static-popup-page .popup-hero{
  position:absolute;
  left:-26px;
  right:-26px;
  top:-12px;
  width:calc(100% + 52px);
  height:62%;
  min-height:360px;
  margin:0;
  border-radius:0 0 34px 34px;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:.88;
  filter:saturate(.88) brightness(.90);
  z-index:0;
}
body.site-final .lazy-popup .popup-hero::before,
body.site-final .usp-panel .popup-hero::before,
body.site-final .static-popup-page .popup-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.10));
}
body.site-final .lazy-popup .popup-hero::after,
body.site-final .usp-panel .popup-hero::after,
body.site-final .static-popup-page .popup-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 18%,
    rgba(255,255,255,.22) 34%,
    rgba(255,255,255,.50) 52%,
    rgba(255,255,255,.82) 72%,
    rgba(255,255,255,.97) 100%);
}
body.site-final .usp-panel .usp-close,
body.site-final .lazy-popup .usp-close,
body.site-final .static-popup-page .usp-close{position:absolute;z-index:5;}
body.site-final .usp-panel .usp-header,
body.site-final .lazy-popup .usp-header,
body.site-final .static-popup-page .usp-header{
  position:relative;
  z-index:2;
  margin:174px 0 18px;
  background:rgba(255,255,255,.50);
  border:1px solid rgba(176,196,235,.44);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.site-final .usp-panel article,
body.site-final .usp-panel .usp-visual-box,
body.site-final .usp-panel .hero-carousel,
body.site-final .usp-panel .hero-profile,
body.site-final .usp-panel .hero-card,
body.site-final .usp-panel .usp-key-grid article,
body.site-final .usp-panel .ritual-ending-card,
body.site-final .usp-panel .jackpot-power-state,
body.site-final .usp-panel .jackpot-loop-card,
body.site-final .usp-panel .jackpot-rule-card,
body.site-final .usp-panel .jackpot-combo-card,
body.site-final .usp-panel .jackpot-stage-card,
body.site-final .usp-panel .usp-stage-note,
body.site-final .usp-panel .usp-summary,
body.site-final .usp-panel .usp-callout,
body.site-final .usp-panel .usp-quote,
body.site-final .usp-panel .usp-fact,
body.site-final .usp-panel .usp-grid article,
body.site-final .usp-panel .hero-copy-card,
body.site-final .usp-panel .hero-slide-counter,
body.site-final .usp-panel .hero-carousel-topnote,
body.site-final .usp-panel .usp-note,
body.site-final .usp-panel .hero-info-card,
body.site-final .usp-panel .usp-visual-placeholder,
body.site-final .static-popup-page .usp-header,
body.site-final .static-popup-page article{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.58);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 8px 18px rgba(13,37,91,.08);
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --v62-safe-left:clamp(24px,2vw,36px);
    --v62-home-frame:min(960px, 60vw);
    --v62-stack-gap:14px;
  }

  /* HOME */
  body.site-final .home .title-madboys{top:34px;}
  body.site-final .home .gold-title{top:126px;}
  body.site-final .home .hero-slogan{top:168px;width:min(790px,68vw);}
  body.site-final .home .hero-team{top:196px;width:min(1080px,74vw);height:448px;max-height:448px;}
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:var(--v62-home-frame);
    max-width:var(--v62-home-frame);
  }
  body.site-final .home-cards{top:436px;height:92px;gap:8px;}
  body.site-final .home-cards .feature-card{
    height:92px;
    grid-template-columns:72px minmax(0,1fr) 24px;
    grid-template-rows:auto auto;
    padding:8px 9px;
    gap:8px;
  }
  body.site-final .home-cards .feature-card img{width:68px;height:48px;}
  body.site-final .home-cards .feature-card h3{font-size:12.8px;line-height:1.02;margin:0 0 2px;}
  body.site-final .home-cards .feature-card p{font-size:7.8px;line-height:1.12;white-space:normal;max-width:none;}
  body.site-final .home .founder-strip{top:538px;height:62px;grid-template-columns:92px minmax(0,1fr) 140px;gap:10px;align-items:center;}
  body.site-final .home .view-rewards-button{width:140px;height:40px;align-self:center;justify-self:center;top:0;display:block;position:relative;}
  body.site-final .home .view-rewards-text{left:17px;right:29px;top:50%;transform:translateY(-50%);font-size:9.6px;line-height:1;text-align:center;}
  body.site-final .home .founder-slogan{top:614px;}

  /* COUNCIL */
  body.site-final .council .ruler-cards{top:170px;}
  body.site-final .council .influence{
    top:282px;
    width:min(650px, 52vw);
    max-width:52vw;
    left:50%;
    transform:translateX(-50%);
    padding:8px 14px 6px;
  }
  body.site-final .council .influence img{width:min(470px, 100%);height:28px;object-fit:contain;display:block;margin:0 auto;}
  body.site-final .council .influence div{width:min(470px,100%);margin:2px auto 0;display:flex;justify-content:space-between;font-size:13px;line-height:1;}
  body.site-final .council .influence-note{width:min(470px,100%);margin:1px auto 0;font-size:7.4px;line-height:1;}
  body.site-final .council-table{
    top:324px;
    width:min(1120px, 82vw);
    max-width:82vw;
    height:auto;
    max-height:none;
    object-fit:contain;
    z-index:12;
  }
  body.site-final .bonus-cards{top:584px;height:88px;}

  /* STORIES */
  body.site-final .story-stage{top:146px;height:334px;}
  body.site-final .choice-box{top:22px;width:276px;height:236px;padding:14px 15px 10px;display:flex;flex-direction:column;}
  body.site-final .choice-box h4{font-size:15px;margin:0 0 8px;}
  body.site-final .choice-box img{height:40px;margin:0 0 6px;object-fit:fill;}
  body.site-final .choice-box span{margin:-33px 0 11px 54px;min-height:17px;font-size:9px;line-height:1.02;display:flex;align-items:center;}
  body.site-final .choice-box .choice-note{margin-top:auto;font-size:8px;line-height:1.1;padding-top:2px;}
  body.site-final .story-stage blockquote{top:24px;min-height:160px;}
  body.site-final .shift{top:468px;height:54px;min-height:54px;}
  body.site-final .fate-cards{top:530px;height:76px;gap:8px;}
  body.site-final .fate-cards article{height:76px;}
  body.site-final .fate-cards img{height:76px;}
  body.site-final .fate-cards h3{font-size:10px;margin:6px 0 32px;}
  body.site-final .fate-cards p{font-size:6.6px;line-height:1.02;}
  body.site-final .stories .section-kicker{top:606px;}
  body.site-final .journey-row{top:626px;height:38px;}
  body.site-final .journey-row img{height:38px;}
  body.site-final .journey-row span{font-size:9px;}

  /* EXPANSION */
  body.site-final .map-pills{top:176px;}
  body.site-final .map-zone{top:246px;height:328px;}
  body.site-final .region{width:230px;min-width:230px;height:50px;min-height:50px;padding:7px 12px;margin:0;}
  body.site-final .region img{width:28px;height:28px;}
  body.site-final .frost{left:calc(50% - 370px);top:26px;right:auto;bottom:auto;transform:none;}
  body.site-final .whisper{left:calc(50% - 370px);top:140px;right:auto;bottom:auto;transform:none;}
  body.site-final .orc{left:calc(50% - 370px);top:254px;right:auto;bottom:auto;transform:none;}
  body.site-final .mystic{left:50%;top:140px;right:auto;bottom:auto;transform:translateX(-50%);}
  body.site-final .dead{left:calc(50% + 140px);top:26px;right:auto;bottom:auto;transform:none;}
  body.site-final .iron{left:calc(50% + 140px);top:140px;right:auto;bottom:auto;transform:none;}
  body.site-final .viking{left:calc(50% + 140px);top:254px;right:auto;bottom:auto;transform:none;}

  /* BLOOD stays module-isolated; just keep top cards away from the heading */
  body.site-final .process-row{top:190px;}

  /* REWARDS */
  body.site-final .faq-list{
    top:196px;
    height:min(500px, calc(100dvh - 268px));
    left:max(var(--v62-safe-left), calc(50% - 620px));
  }
  body.site-final .explore-link-wrap{top:196px;}
  body.site-final .reward-grid{top:388px;}
  body.site-final .benefits-row{top:544px;}
}

@media (min-width:1280px){
  body.site-final{--v62-home-frame:min(930px, 58vw);}
  body.site-final .home .hero-team{width:min(1040px,72vw);}
  body.site-final .choice-box{width:266px;height:228px;}
  body.site-final .faq-list{left:max(26px, calc(50% - 640px));width:min(520px, 36vw);}
  body.site-final .explore-link-wrap{right:max(26px, calc(50% - 640px));width:min(690px, 46vw);}
}

@media (min-width:1500px){
  body.site-final .map-zone{top:250px;height:336px;}
  body.site-final .region{width:246px;min-width:246px;height:52px;}
  body.site-final .frost{left:calc(50% - 410px);top:26px;}
  body.site-final .whisper{left:calc(50% - 410px);top:144px;}
  body.site-final .orc{left:calc(50% - 410px);top:262px;}
  body.site-final .mystic{top:144px;}
  body.site-final .dead{left:calc(50% + 164px);top:26px;}
  body.site-final .iron{left:calc(50% + 164px);top:144px;}
  body.site-final .viking{left:calc(50% + 164px);top:262px;}
  body.site-final .faq-list{height:min(520px, calc(100dvh - 278px));}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final{--v62-home-frame:min(900px, calc(100vw - 48px));}
  body.site-final .home .hero-team{width:min(900px,77vw);height:416px;}
  body.site-final .home-cards .feature-card h3{font-size:12px;}
  body.site-final .home-cards .feature-card p{font-size:7.4px;}
  body.site-final .council .influence{width:min(620px, 60vw);max-width:60vw;}
  body.site-final .council-table{width:min(980px, 86vw);max-width:86vw;}
  body.site-final .bonus-cards{top:570px;}
  body.site-final .fate-cards{top:522px;height:72px;}
  body.site-final .fate-cards article{height:72px;}
  body.site-final .journey-row{top:616px;height:34px;}
  body.site-final .region{width:214px;min-width:214px;}
  body.site-final .frost,body.site-final .whisper,body.site-final .orc{left:calc(50% - 338px);}
  body.site-final .dead,body.site-final .iron,body.site-final .viking{left:calc(50% + 124px);}
  body.site-final .faq-list{height:min(470px, calc(100dvh - 250px));}
  body.site-final .reward-grid{top:368px;}
  body.site-final .benefits-row{top:516px;}
}


/* ==========================
   VERSION 63
   Desktop Structural Pass
   ========================== */

/* Mobile stays on the previous layout; the structural grid below is desktop-only. */
body.site-final .region-grid-desktop{display:contents;}
body.site-final .faq-list details,
body.site-final .faq-list details:nth-of-type(n+4){display:block;}

/* Lazy / static popup backgrounds as a true art layer, not as a cropped header block. */
body.site-final .usp-panel[data-popup-panel="ai"]{--popup-bg:url('/assets/popups/lazy/ai-heroes.webp');}
body.site-final .usp-panel[data-popup-panel="raids"]{--popup-bg:url('/assets/popups/lazy/tactical-raids.webp');}
body.site-final .usp-panel[data-popup-panel="kingdom"]{--popup-bg:url('/assets/popups/lazy/living-kingdom.webp');}
body.site-final .usp-panel[data-popup-panel="jackpot"]{--popup-bg:url('/assets/popups/lazy/jackpot-run.webp');}
body.site-final .usp-panel[data-popup-panel="ritual"]{--popup-bg:url('/assets/popups/lazy/final-ritual.webp');}

body.site-final .usp-shell{overflow:hidden;}
body.site-final .usp-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body.site-final .usp-panel .popup-hero{display:none;}
body.site-final .usp-panel::before{
  content:"";
  position:absolute;
  left:-36px;
  right:-36px;
  top:-30px;
  height:66%;
  min-height:430px;
  background-image:var(--popup-bg);
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:.86;
  filter:saturate(.86) brightness(.88);
  z-index:0;
  pointer-events:none;
}
body.site-final .usp-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(145deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 20%,
      rgba(255,255,255,.24) 38%,
      rgba(255,255,255,.54) 57%,
      rgba(255,255,255,.86) 78%,
      rgba(255,255,255,.98) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.30) 46%,
      rgba(255,255,255,.98) 88%);
  z-index:1;
  pointer-events:none;
}
body.site-final .usp-panel .usp-scroll{
  position:relative;
  z-index:2;
  height:100%;
  overflow:auto;
  padding:230px 34px 34px;
  box-sizing:border-box;
}
body.site-final.static-popup-page .usp-panel .usp-scroll{
  height:auto;
  min-height:100dvh;
  max-height:none;
  overflow:visible;
}
body.site-final .usp-panel .usp-close{z-index:4;}
body.site-final .usp-panel .usp-scroll > *{
  position:relative;
  z-index:2;
}
body.site-final .usp-panel .usp-header,
body.site-final .usp-panel article,
body.site-final .usp-panel .usp-visual-box,
body.site-final .usp-panel .hero-carousel,
body.site-final .usp-panel .hero-profile,
body.site-final .usp-panel .hero-card,
body.site-final .usp-panel .hero-copy-card,
body.site-final .usp-panel .hero-slide-counter,
body.site-final .usp-panel .hero-carousel-topnote,
body.site-final .usp-panel .hero-info-card,
body.site-final .usp-panel .usp-note,
body.site-final .usp-panel .usp-visual-placeholder,
body.site-final .usp-panel .usp-key-grid article,
body.site-final .usp-panel .ritual-ending-card,
body.site-final .usp-panel .jackpot-power-state,
body.site-final .usp-panel .jackpot-loop-card,
body.site-final .usp-panel .jackpot-rule-card,
body.site-final .usp-panel .jackpot-combo-card,
body.site-final .usp-panel .jackpot-stage-card,
body.site-final .usp-panel .usp-stage-note,
body.site-final .usp-panel .usp-summary,
body.site-final .usp-panel .usp-callout,
body.site-final .usp-panel .usp-quote,
body.site-final .usp-panel .usp-fact,
body.site-final .usp-panel .usp-grid article{
  background:rgba(255,255,255,.60);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 8px 18px rgba(13,37,91,.08);
}
body.site-final .usp-panel .usp-header{
  margin:0 0 18px;
  border:1px solid rgba(176,196,235,.44);
}

@media (min-aspect-ratio:1.001/1){
  body.site-final{
    --desktop-safe-w:min(1120px, calc(100vw - 96px));
    --desktop-wide-w:min(1180px, calc(100vw - 96px));
    --desktop-title-y:96px;
    --desktop-ribbon-y:176px;
    --desktop-content-top:226px;
    --desktop-bottom-gap:42px;
  }

  /* Header safety on wide desktop. */
  body.site-final .global-topbar{
    left:clamp(18px,2vw,34px);
    right:clamp(18px,2vw,34px);
    max-width:none;
    transform:none;
  }
  body.site-final .brandmark{min-width:178px;overflow:visible;}

  /* 01 HOME — match Missions-like content frame and stop card collision. */
  body.site-final .home .title-madboys{top:38px;}
  body.site-final .home .gold-title{top:128px;}
  body.site-final .home .hero-slogan{top:168px;width:min(790px,68vw);}
  body.site-final .home .hero-team{
    top:196px;
    width:min(1080px,74vw);
    height:448px;
    max-height:448px;
    z-index:10;
    pointer-events:none;
  }
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:min(1050px, calc(100vw - 220px));
    max-width:min(1050px, calc(100vw - 220px));
  }
  body.site-final .home-cards{
    top:438px;
    height:92px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    z-index:24;
  }
  body.site-final .home-cards .feature-card{
    min-width:0;
    width:auto;
    max-width:none;
    height:92px;
    display:grid;
    grid-template-columns:70px minmax(0,1fr) 24px;
    grid-template-rows:auto auto;
    grid-template-areas:"img title arrow" "img desc arrow";
    gap:8px;
    padding:8px 9px;
    overflow:hidden;
    align-items:center;
    text-align:left;
  }
  body.site-final .home-cards .feature-card img{
    grid-area:img;
    width:66px;
    height:48px;
    object-fit:cover;
    margin:0;
  }
  body.site-final .home-cards .feature-card h3{
    grid-area:title;
    font-size:12.7px;
    line-height:1.02;
    margin:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body.site-final .home-cards .feature-card p{
    grid-area:desc;
    font-size:7.8px;
    line-height:1.12;
    margin:0;
    white-space:normal;
  }
  body.site-final .home-cards .feature-card::after{
    grid-area:arrow;
    width:24px;
    height:24px;
    align-self:center;
    justify-self:center;
    font-size:13px;
  }
  body.site-final .home .founder-strip{
    top:540px;
    height:62px;
    grid-template-columns:92px minmax(0,1fr) 140px;
    gap:10px;
    align-items:center;
    padding:5px 10px;
  }
  body.site-final .home .founder-strip > img:first-child{width:86px;height:54px;object-fit:contain;}
  body.site-final .home .founder-strip b{font-size:15.5px;line-height:1;}
  body.site-final .home .founder-strip small{font-size:8.8px;line-height:1.06;}
  body.site-final .home .view-rewards-button{
    position:relative;
    display:grid;
    place-items:center;
    width:138px;
    height:40px;
    margin:0;
    top:-1px;
    align-self:center;
    justify-self:center;
    padding:0;
    border:0;
    background:transparent;
  }
  body.site-final .home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.site-final .home .view-rewards-text{
    position:absolute;
    left:16px;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    font:900 9.6px/1 Arial,sans-serif;
    color:#09266f;
    text-align:center;
    white-space:normal;
  }
  body.site-final .home .founder-slogan{top:614px;}

  /* 04 COUNCIL — make the influence module match the meter and force the table art to become a large art layer. */
  body.site-final .council .ruler-cards{top:170px;}
  body.site-final .council .influence{
    top:282px;
    left:50%;
    transform:translateX(-50%);
    width:min(650px, 52vw);
    max-width:52vw;
    height:78px;
    padding:8px 14px 6px;
    z-index:18;
  }
  body.site-final .council .influence img{width:min(470px,100%);height:28px;object-fit:contain;display:block;margin:0 auto;}
  body.site-final .council .influence div{width:min(470px,100%);margin:2px auto 0;display:flex;justify-content:space-between;font-size:13px;line-height:1;}
  body.site-final .council .influence-note{width:min(470px,100%);margin:1px auto 0;font-size:7.4px;line-height:1;}
  body.site-final .council-table{
    content:url('/assets/madboys.screen.04.council/22%20-%20cn_table.webp');
    position:absolute;
    left:50%;
    top:336px;
    width:min(620px,48vw);
    height:auto;
    max-height:none;
    max-width:none;
    transform:translateX(-50%) scale(1.7);
    transform-origin:top center;
    object-fit:contain;
    margin:0;
    z-index:10;
    pointer-events:none;
    filter:drop-shadow(0 18px 24px rgba(5,22,60,.24));
  }
  body.site-final .bonus-cards{top:584px;height:88px;z-index:20;}

  /* 05 STORIES — trim the path box and pull all bottom modules into the safe area. */
  body.site-final .story-stage{top:146px;height:326px;}
  body.site-final .choice-box{
    top:22px;
    width:266px;
    height:204px;
    padding:13px 14px 8px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  body.site-final .choice-box h4{font-size:14px;margin:0 0 7px;}
  body.site-final .choice-box img{height:35px;margin:0 0 5px;object-fit:fill;}
  body.site-final .choice-box span{margin:-29px 0 9px 50px;min-height:15px;font-size:8.6px;line-height:1.02;display:flex;align-items:center;}
  body.site-final .choice-box .choice-note{margin-top:auto;font-size:7.7px;line-height:1.1;padding-top:1px;}
  body.site-final .story-stage blockquote{top:24px;min-height:156px;}
  body.site-final .shift{top:458px;height:52px;min-height:52px;}
  body.site-final .fate-cards{top:518px;height:74px;gap:8px;}
  body.site-final .fate-cards article{height:74px;}
  body.site-final .fate-cards img{height:74px;}
  body.site-final .fate-cards h3{font-size:9.6px;margin:6px 0 30px;}
  body.site-final .fate-cards p{font-size:6.4px;line-height:1.02;}
  body.site-final .stories .section-kicker{top:596px;}
  body.site-final .journey-row{top:616px;height:38px;}
  body.site-final .journey-row img{height:38px;}
  body.site-final .journey-row i{font-size:12px;}

  /* 06 EXPANSION — real desktop grid: 3 left, 1 center, 3 right. */
  body.site-final .map-pills{top:176px;}
  body.site-final .map-zone{
    position:absolute;
    left:50%;
    top:246px;
    transform:translateX(-50%);
    width:var(--desktop-wide-w);
    height:338px;
    margin:0;
    z-index:15;
    overflow:visible;
  }
  body.site-final .region-grid-desktop{
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:min(860px,72vw);
    height:100%;
    display:grid;
    grid-template-columns:240px 240px 240px;
    justify-content:center;
    column-gap:70px;
    align-items:center;
    z-index:22;
    pointer-events:none;
  }
  body.site-final .region-col{display:grid;gap:54px;align-content:center;pointer-events:auto;}
  body.site-final .region-center{display:flex;align-items:center;justify-content:center;pointer-events:auto;}
  body.site-final .region{
    position:static;
    left:auto;right:auto;top:auto;bottom:auto;
    transform:none;
    width:240px;
    min-width:240px;
    height:52px;
    min-height:52px;
    margin:0;
    padding:7px 12px;
    border-radius:16px;
    display:flex;
    align-items:center;
    font-size:11px;
    line-height:1.02;
  }
  body.site-final .region img{width:30px;height:30px;object-fit:contain;}
  body.site-final .region small{font-size:7.4px;line-height:1.02;}

  /* 07 BLOOD — preserve module independence, only top card spacing. */
  body.site-final .process-row{top:190px;}

  /* 08 REWARDS — safe two-column rhythm without letting FAQ touch header or bottom. */
  body.site-final .faq-list{
    top:200px;
    left:max(28px, calc(50% - 640px));
    width:min(500px, 36vw);
    height:min(430px, calc(100dvh - 300px));
    min-height:0;
    max-height:none;
    overflow-y:auto;
    z-index:18;
  }
  body.site-final .explore-link-wrap{
    top:200px;
    left:calc(max(28px, calc(50% - 640px)) + min(500px, 36vw) + 34px);
    right:auto;
    width:min(690px, calc(100vw - (max(28px, calc(50% - 640px)) + min(500px, 36vw) + 68px)));
  }
  body.site-final .reward-grid{
    top:392px;
    left:calc(max(28px, calc(50% - 640px)) + min(500px, 36vw) + 34px);
    width:min(690px, calc(100vw - (max(28px, calc(50% - 640px)) + min(500px, 36vw) + 68px)));
  }
  body.site-final .benefits-row{
    top:548px;
    left:calc(max(28px, calc(50% - 640px)) + min(500px, 36vw) + 34px);
    width:min(690px, calc(100vw - (max(28px, calc(50% - 640px)) + min(500px, 36vw) + 68px)));
  }
}

@media (min-width:1500px){
  body.site-final{
    --desktop-safe-w:min(1120px, calc(100vw - 160px));
    --desktop-wide-w:min(1240px, calc(100vw - 160px));
  }
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    width:1040px;
    max-width:1040px;
  }
  body.site-final .region-grid-desktop{
    width:900px;
    grid-template-columns:250px 250px 250px;
    column-gap:75px;
  }
  body.site-final .region{width:250px;min-width:250px;}
  body.site-final .council-table{
    width:650px;
    transform:translateX(-50%) scale(1.72);
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final{
    --desktop-safe-w:calc(100vw - 48px);
    --desktop-wide-w:calc(100vw - 48px);
  }
  body.site-final .home-cards,
  body.site-final .home .founder-strip,
  body.site-final .home .founder-slogan{
    width:calc(100vw - 96px);
    max-width:calc(100vw - 96px);
  }
  body.site-final .home-cards .feature-card{grid-template-columns:62px minmax(0,1fr) 22px;}
  body.site-final .home-cards .feature-card img{width:58px;height:44px;}
  body.site-final .home-cards .feature-card h3{font-size:11.2px;}
  body.site-final .home-cards .feature-card p{font-size:7.2px;}
  body.site-final .council .influence{width:min(620px,60vw);max-width:60vw;}
  body.site-final .council-table{width:560px;transform:translateX(-50%) scale(1.55);}
  body.site-final .bonus-cards{top:570px;}
  body.site-final .region-grid-desktop{width:760px;grid-template-columns:214px 214px 214px;column-gap:58px;}
  body.site-final .region{width:214px;min-width:214px;height:50px;}
  body.site-final .fate-cards{top:510px;height:70px;}
  body.site-final .fate-cards article{height:70px;}
  body.site-final .journey-row{top:604px;height:34px;}
  body.site-final .faq-list{top:196px;width:420px;height:min(410px, calc(100dvh - 292px));}
  body.site-final .explore-link-wrap,
  body.site-final .reward-grid,
  body.site-final .benefits-row{
    left:472px;
    width:calc(100vw - 512px);
  }
  body.site-final .reward-grid{top:374px;}
  body.site-final .benefits-row{top:520px;}
}


/* ================================
   v67/v68 PRESERVATION CLEANUP LAYER
   Goal: preserve v67 visuals; v68 adds tablet/square polish only
   ================================ */

/* 1. Tokens / z-index / safe areas */
body.madboys-site.site-final{
  --v67-dead-legacy-cleanup:1;
}

/* 2. Shared components */
body.madboys-site.site-final .language-switcher > div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
body.madboys-site.site-final .language-switcher a{text-align:center;white-space:nowrap;}
@media(max-width:420px){body.madboys-site.site-final .language-switcher > div{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* 3. Section: Home */
@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final section.home .home-cards,
  body.madboys-site.site-final section.home .founder-strip,
  body.madboys-site.site-final section.home .founder-slogan{
    width:min(1120px, calc(100vw - 96px));
    max-width:min(1120px, calc(100vw - 96px));
  }
  body.madboys-site.site-final section.home .home-cards{gap:12px;}
  body.madboys-site.site-final section.home .founder-strip{
    grid-template-columns:96px minmax(0,1fr) 152px;
  }
  body.madboys-site.site-final section.home .view-rewards-button{
    width:152px;
    height:42px;
    top:0;
  }
  body.madboys-site.site-final section.home .view-rewards-text{
    left:18px;
    right:30px;
    font-size:9.8px;
    line-height:1;
  }
}
@media (min-width:1500px){
  body.madboys-site.site-final section.home .home-cards,
  body.madboys-site.site-final section.home .founder-strip,
  body.madboys-site.site-final section.home .founder-slogan{
    width:1120px;
    max-width:1120px;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.madboys-site.site-final section.home .home-cards,
  body.madboys-site.site-final section.home .founder-strip,
  body.madboys-site.site-final section.home .founder-slogan{
    width:calc(100vw - 72px);
    max-width:calc(100vw - 72px);
  }
  body.madboys-site.site-final section.home .home-cards .feature-card h3{font-size:11px;}
  body.madboys-site.site-final section.home .home-cards .feature-card p{font-size:7.1px;}
}

/* 4. Section: Missions */
/* legacy note removed in final active CSS */

/* 5. Section: Builds */
/* legacy note removed in final active CSS */

/* 6. Section: Council */
@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final section.council .influence{
    width:min(640px, 50vw);
    max-width:50vw;
  }
  body.madboys-site.site-final section.council .council-table{
    width:min(700px, 54vw);
    transform:translateX(-50%) scale(2.02);
    top:338px;
    z-index:11;
  }
  body.madboys-site.site-final section.council .bonus-cards{z-index:20;}
}
@media (min-width:1500px){
  body.madboys-site.site-final section.council .council-table{
    width:740px;
    transform:translateX(-50%) scale(2.04);
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.madboys-site.site-final section.council .council-table{
    width:620px;
    transform:translateX(-50%) scale(1.82);
  }
}

/* 7. Section: Stories */
@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final section.stories .choice-box{
    height:176px;
    min-height:176px;
    padding:13px 14px 6px;
  }
  body.madboys-site.site-final section.stories .choice-box h4{margin:0 0 6px;}
  body.madboys-site.site-final section.stories .choice-box img{height:34px;margin:0 0 4px;}
  body.madboys-site.site-final section.stories .choice-box span{
    margin:-28px 0 8px 50px;
    min-height:14px;
  }
  body.madboys-site.site-final section.stories .choice-box .choice-note{
    font-size:7.4px;
    line-height:1.05;
    padding-top:0;
  }
  body.madboys-site.site-final section.stories .shift{top:432px;height:50px;min-height:50px;}
  body.madboys-site.site-final section.stories .fate-cards{
    top:488px;
    height:70px;
    gap:8px;
  }
  body.madboys-site.site-final section.stories .fate-cards article{height:70px;}
  body.madboys-site.site-final section.stories .fate-cards img{height:70px;}
  body.madboys-site.site-final section.stories .fate-cards h3{margin:6px 0 28px;}
  body.madboys-site.site-final section.stories .fate-cards p{font-size:6.3px;}
  body.madboys-site.site-final section.stories .section-kicker{top:560px;}
  body.madboys-site.site-final section.stories .journey-row{top:580px;height:34px;}
  body.madboys-site.site-final section.stories .journey-row img{height:34px;}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.madboys-site.site-final section.stories .choice-box{height:172px;}
  body.madboys-site.site-final section.stories .shift{top:428px;}
  body.madboys-site.site-final section.stories .fate-cards{top:482px;height:68px;}
  body.madboys-site.site-final section.stories .fate-cards article{height:68px;}
  body.madboys-site.site-final section.stories .section-kicker{top:552px;}
  body.madboys-site.site-final section.stories .journey-row{top:570px;height:32px;}
}

/* 8. Section: Expansion */
@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final section.expansion .expansion-cards{
    top:604px;
    z-index:16;
  }
}
@media (min-width:1500px){
  body.madboys-site.site-final section.expansion .expansion-cards{top:616px;}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.madboys-site.site-final section.expansion .expansion-cards{top:594px;}
}

/* 9. Section: Blood */
/* legacy note removed in final active CSS */

/* 10. Section: Rewards */
/* legacy note removed in final active CSS */

/* 11. Mobile landscape fixes */
/* The v65 responsive guards are copied for site-final below. */

/* 12. Tablet / square fixes */
/* The v65 responsive guards are copied for site-final below. */

/* 13. Popup/modal guards */
@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final .usp-panel::before{
    height:100%;
    min-height:100%;
    inset:-14px -18px -18px -18px;
  }
  body.madboys-site.site-final .usp-panel::after{
    background:linear-gradient(145deg,
      rgba(255,255,255,.06) 0%,
      rgba(255,255,255,.14) 22%,
      rgba(255,255,255,.26) 42%,
      rgba(255,255,255,.46) 60%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,.92) 100%);
  }
}


/* ==============================
   VERSION 66 — v65 responsive baseline compatibility copy
   Purpose: preserve v64 visual baseline while adding guarded responsive architecture
   Scope: no legacy class removal; new rules are body.madboys-site.site-final + section-scoped.
   ============================== */

:root{
  --z-bg:0;
  --z-art:10;
  --z-ui:20;
  --z-floating:30;
  --z-header:100;
  --z-modal:1000;
}

body.madboys-site.site-final{
  --v65-mobile-frame:min(100vw,430px);
  --v65-tablet-frame:min(620px,calc(100vw - 56px));
  --v65-compact-edge:clamp(18px,2.4vw,32px);
  --v65-compact-safe-w:min(1080px,calc(100vw - (var(--v65-compact-edge) * 2)));
  --v65-compact-wide-w:min(1120px,calc(100vw - (var(--v65-compact-edge) * 2)));
}

body.madboys-site.site-final .screen,
body.madboys-site.site-final .canvas{isolation:isolate;}
body.madboys-site.site-final .bg{z-index:calc(var(--z-bg) - 3);}
body.madboys-site.site-final .spread-art{z-index:var(--z-art);}
body.madboys-site.site-final .content{z-index:var(--z-ui);}
body.madboys-site.site-final .global-topbar{z-index:var(--z-header);}
body.madboys-site.site-final .global-cta{z-index:calc(var(--z-header) - 1);}
body.madboys-site.site-final .menu,
body.madboys-site.site-final .gift-modal,
body.madboys-site.site-final .region-modal,
body.madboys-site.site-final .usp-modal,
body.madboys-site.site-final .jackpot-modal,
body.madboys-site.site-final .ritual-modal{z-index:var(--z-modal);}

@media (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final{
    /* v65 exposes safe-area tokens without overriding v64's live --desktop-safe-w / --desktop-wide-w baseline variables. */
    --v65-desktop-safe-w:min(1180px,calc(100vw - 96px));
    --v65-desktop-wide-w:min(1280px,calc(100vw - 120px));
    --v65-desktop-header-h:72px;
    --v65-desktop-header-gap:16px;
    --v65-desktop-title-y:96px;
    --v65-desktop-ribbon-y:188px;
    --v65-desktop-content-top:246px;
    --v65-desktop-content-bottom-gap:42px;
    --v65-desktop-content-h:calc(100dvh - var(--v65-desktop-content-top) - var(--v65-desktop-content-bottom-gap));
  }
}

/* Mobile portrait baseline is intentionally locked. Only modal/safe-area overflow guards are allowed here. */
@media (max-width:767px) and (orientation:portrait){
  body.madboys-site.site-final .usp-shell,
  body.madboys-site.site-final .gift-panel,
  body.madboys-site.site-final .region-panel,
  body.madboys-site.site-final .jackpot-panel,
  body.madboys-site.site-final .ritual-panel{
    max-height:calc(100dvh - 22px);
    overflow:hidden;
  }
  body.madboys-site.site-final .usp-scroll,
  body.madboys-site.site-final .gift-scroll,
  body.madboys-site.site-final .region-scroll,
  body.madboys-site.site-final .jackpot-scroll,
  body.madboys-site.site-final .ritual-scroll{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

/* Mobile landscape compact mode: scrollable per-section canvas, not a forced desktop layout. */
@media (max-width:0px){
  html{scroll-snap-type:y proximity;}
  body.madboys-site.site-final{overflow-x:hidden;background:#eef6ff;}

  body.madboys-site.site-final .screen{
    display:block;
    width:100vw;
    height:auto;
    min-height:100dvh;
    padding:0;
    overflow:visible;
    scroll-snap-align:start;
  }
  body.madboys-site.site-final .spread-art{display:none;}
  body.madboys-site.site-final .canvas{
    position:relative;
    inset:auto;
    width:100vw;
    min-height:100dvh;
    height:auto;
    max-height:none;
    aspect-ratio:auto;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
  }
  body.madboys-site.site-final .canvas:after{height:62%;}
  body.madboys-site.site-final .content{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:min(820px,calc(100vw - 24px));
    min-height:calc(100dvh - 116px);
    height:auto;
    margin:0 auto;
    padding:56px 8px 70px;
    transform:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:visible;
  }

  body.madboys-site.site-final .global-topbar{
    position:fixed;
    left:10px;
    right:10px;
    top:max(5px,env(safe-area-inset-top));
    transform:none;
    width:auto;
    height:42px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(255,255,255,.94);
    border-radius:14px;
    box-shadow:0 6px 16px rgba(9,32,83,.16);
  }
  body.madboys-site.site-final .global-topbar .brandmark{gap:6px;min-width:148px;}
  body.madboys-site.site-final .global-topbar .brandmark img{width:28px;height:32px;}
  body.madboys-site.site-final .global-topbar .brandmark b{font-size:15px;line-height:.9;}
  body.madboys-site.site-final .global-topbar .brandmark small{font-size:7.4px;line-height:1;}
  body.madboys-site.site-final .header-context-pill,
  body.madboys-site.site-final .desktop-nav{display:none;}
  body.madboys-site.site-final .top-actions{gap:7px;}
  body.madboys-site.site-final .top-actions .round-icon{width:34px;height:34px;}

  body.madboys-site.site-final .global-cta,
  html[dir="rtl"] body.madboys-site.site-final .global-cta{
    position:fixed;
    left:auto;
    right:12px;
    top:auto;
    bottom:max(7px,env(safe-area-inset-bottom));
    transform:none;
    width:min(326px,46vw);
    height:42px;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    aspect-ratio:auto;
  }
  body.madboys-site.site-final .global-cta:before{display:none;}
  body.madboys-site.site-final .global-cta .cta-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
  body.madboys-site.site-final .global-cta .cta-overlay{position:absolute;inset:0;width:100%;padding:0 27px;display:flex;align-items:center;justify-content:center;transform:none;text-align:center;}
  body.madboys-site.site-final .global-cta .cta-overlay b,
  body.madboys-site.site-final .global-cta b{font-size:clamp(8px,1.8vw,10px);line-height:.95;white-space:normal;letter-spacing:-.05px;}

  body.madboys-site.site-final section.home .title-madboys,
  body.madboys-site.site-final section.missions .title-wide,
  body.madboys-site.site-final section.builds .title-wide,
  body.madboys-site.site-final section.council .title-wide,
  body.madboys-site.site-final section.stories .title-wide,
  body.madboys-site.site-final section.expansion .title-wide,
  body.madboys-site.site-final section.blood .title-wide,
  body.madboys-site.site-final section.rewards .title-wide{
    max-height:52px;
    width:min(360px,72vw);
    margin-top:0;
  }
  body.madboys-site.site-final section.home .gold-title{font-size:clamp(16px,3.4vw,20px);line-height:1;margin:0;}
  body.madboys-site.site-final section.home .hero-slogan{font-size:clamp(11px,2.5vw,14px);line-height:1.1;margin:2px 0 5px;}
  body.madboys-site.site-final section.home .hero-team{width:min(520px,72vw);max-height:132px;margin:-4px auto 2px;object-fit:contain;}
  body.madboys-site.site-final section.home .home-cards{gap:6px;margin-top:2px;}
  body.madboys-site.site-final section.home .founder-strip{height:54px;margin-top:6px;grid-template-columns:76px minmax(0,1fr) 96px;}
  body.madboys-site.site-final section.home .stats-row{height:38px;margin-top:6px;}

  body.madboys-site.site-final section.missions .mission-scene{min-height:150px;flex:0 0 150px;}
  body.madboys-site.site-final section.missions .chips-row{height:32px;margin:4px 0;}
  body.madboys-site.site-final section.missions .split-panels{display:none;}

  body.madboys-site.site-final section.builds .build-hero-zone{height:178px;min-height:178px;flex:0 0 178px;}
  body.madboys-site.site-final section.builds .build-hero{height:150px;max-height:150px;}
  body.madboys-site.site-final section.builds .item-card{min-height:58px;padding:4px;}
  body.madboys-site.site-final section.builds .item-card img{width:42px;height:32px;}
  body.madboys-site.site-final section.builds .jackpot{width:104px;}
  body.madboys-site.site-final section.builds .ability-row article{min-height:62px;}
  body.madboys-site.site-final section.builds .ability-row img{height:34px;}
  body.madboys-site.site-final section.builds .compact-cards{display:none;}
  body.madboys-site.site-final section.builds .artifact-row{height:50px;min-height:50px;margin-top:5px;}

  body.madboys-site.site-final section.council .small-pill{display:none;}
  body.madboys-site.site-final section.council .ruler-cards{gap:6px;margin-top:2px;}
  body.madboys-site.site-final section.council .ruler-cards img{height:58px;}
  body.madboys-site.site-final section.council .influence{margin-top:5px;padding:5px 10px;}
  body.madboys-site.site-final section.council .council-table{max-height:86px;width:min(420px,70vw);object-fit:contain;margin:2px auto;}
  body.madboys-site.site-final section.council .bonus-cards{gap:5px;}
  body.madboys-site.site-final section.council .flow-row{display:none;}

  body.madboys-site.site-final section.stories .story-stage{height:158px;min-height:158px;flex:0 0 158px;}
  body.madboys-site.site-final section.stories .choice-box{width:30%;min-height:120px;}
  body.madboys-site.site-final section.stories .story-hero{height:154px;}
  body.madboys-site.site-final section.stories .shift{min-height:42px;margin-top:5px;}
  body.madboys-site.site-final section.stories .fate-cards article{height:64px;}
  body.madboys-site.site-final section.stories .journey-row img{height:36px;}
  body.madboys-site.site-final section.stories .story-facts{display:none;}

  body.madboys-site.site-final section.expansion .map-pills{margin:3px 0;}
  body.madboys-site.site-final section.expansion .map-zone{height:218px;min-height:218px;flex:0 0 218px;}
  body.madboys-site.site-final section.expansion .region{min-height:30px;font-size:7.2px;padding:4px 6px;}
  body.madboys-site.site-final section.expansion .region img{width:16px;height:16px;}
  body.madboys-site.site-final section.expansion .region small{display:none;}
  body.madboys-site.site-final section.expansion .expansion-cards{gap:5px;margin-top:5px;}

  body.madboys-site.site-final section.blood .process-row{margin-top:4px;gap:2px;}
  body.madboys-site.site-final section.blood .process-row article{min-height:76px;padding:5px 4px;}
  body.madboys-site.site-final section.blood .process-row img{width:50px;height:40px;}
  body.madboys-site.site-final section.blood .blood-heroes{height:128px;max-height:128px;margin:4px auto;object-fit:contain;}
  body.madboys-site.site-final section.blood .blood-power{width:min(620px,92vw);min-height:54px;margin-top:4px;padding:6px 12px;}
  body.madboys-site.site-final section.blood .blood-power .blood-bar-crop,
  body.madboys-site.site-final section.blood .blood-power img{height:24px;}
  body.madboys-site.site-final section.blood .blood-cards{display:none;}

  body.madboys-site.site-final section.rewards .reward-hero{height:112px;max-height:112px;object-fit:contain;}
  body.madboys-site.site-final section.rewards .reward-grid{gap:5px;margin-top:5px;}
  body.madboys-site.site-final section.rewards .reward-grid img{height:38px;}
  body.madboys-site.site-final section.rewards .benefits-row{display:none;}
  body.madboys-site.site-final section.rewards .faq-list{max-height:132px;overflow:auto;margin-top:6px;}

  body.madboys-site.site-final section.home .feature-card img,
  body.madboys-site.site-final section.missions .feature-card img,
  body.madboys-site.site-final section.expansion .feature-card img,
  body.madboys-site.site-final section.rewards .feature-card img{height:clamp(34px,12vh,48px);object-fit:contain;}
  body.madboys-site.site-final section.home .feature-card h3,
  body.madboys-site.site-final section.missions .feature-card h3,
  body.madboys-site.site-final section.expansion .feature-card h3,
  body.madboys-site.site-final section.rewards .feature-card h3,
  body.madboys-site.site-final section.council .feature-card h3{font-size:clamp(8px,2vw,10px);}
  body.madboys-site.site-final section.home .feature-card p,
  body.madboys-site.site-final section.missions .feature-card p,
  body.madboys-site.site-final section.expansion .feature-card p,
  body.madboys-site.site-final section.rewards .feature-card p,
  body.madboys-site.site-final section.council .feature-card p{font-size:clamp(6px,1.55vw,7px);line-height:1.05;}
}

/* Tablet portrait: keep the mobile portrait composition, only widen the safe frame. */
@media (min-width:768px) and (max-aspect-ratio:1/1) and (orientation:portrait){
  html{scroll-snap-type:y mandatory;}
  body.madboys-site.site-final .screen{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0;
    overflow:hidden;
    background:radial-gradient(circle at top,#fff 0,#eef6ff 44%,#d9e9fb 100%);
  }
  body.madboys-site.site-final .spread-art{display:none;}
  body.madboys-site.site-final .canvas{
    width:var(--v65-tablet-frame);
    height:calc(100dvh - 40px);
    max-height:none;
    border-radius:24px;
    box-shadow:0 18px 46px rgba(21,56,122,.18),inset 0 0 0 1px rgba(255,255,255,.72);
  }
  body.madboys-site.site-final .global-topbar{
    width:var(--v65-tablet-frame);
    height:56px;
    top:20px;
    border-radius:18px;
    padding:0 14px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 20px rgba(9,32,83,.15);
  }
  body.madboys-site.site-final .global-topbar .brandmark img{width:36px;height:42px;}
  body.madboys-site.site-final .global-topbar .brandmark b{font-size:20px;}
  body.madboys-site.site-final .global-topbar .brandmark small{font-size:9px;}
  body.madboys-site.site-final .global-topbar .round-icon{width:44px;height:44px;}
  body.madboys-site.site-final .desktop-nav,
  body.madboys-site.site-final .header-context-pill{display:none;}
  body.madboys-site.site-final .global-cta{
    width:min(560px,calc(100vw - 128px));
    height:58px;
    bottom:max(24px,env(safe-area-inset-bottom));
  }
  body.madboys-site.site-final .content{
    left:28px;
    right:28px;
    top:78px;
    bottom:92px;
    width:auto;
  }
  body.madboys-site.site-final section.home .hero-team{width:98%;max-height:30%;}
  body.madboys-site.site-final section.home .home-cards,
  body.madboys-site.site-final section.missions .mission-cards,
  body.madboys-site.site-final section.expansion .expansion-cards{gap:10px;}
  body.madboys-site.site-final section.builds .build-hero-zone{max-height:360px;}
  body.madboys-site.site-final section.expansion .map-zone{max-height:480px;}
  body.madboys-site.site-final section.rewards .faq-list{max-height:28dvh;overflow:auto;}
}

/* Tablet/square + compact desktop: preserve desktop v64, add safe bounds only before full desktop. */
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.madboys-site.site-final{
    --desktop-safe-w:var(--v65-compact-safe-w);
    --desktop-wide-w:var(--v65-compact-wide-w);
  }
  body.madboys-site.site-final .screen{min-height:640px;}
  body.madboys-site.site-final .global-topbar{
    left:var(--v65-compact-edge);
    right:var(--v65-compact-edge);
    top:8px;
    height:54px;
    padding:0 12px;
    border-radius:16px;
  }
  body.madboys-site.site-final .brandmark{flex-basis:148px;width:148px;min-width:148px;gap:7px;}
  body.madboys-site.site-final .brandmark img{width:34px;height:39px;}
  body.madboys-site.site-final .brandmark b{font-size:18px;}
  body.madboys-site.site-final .brandmark small{font-size:8px;}
  body.madboys-site.site-final .desktop-nav{gap:3px;padding-right:310px;}
  body.madboys-site.site-final .desktop-nav a,
  body.madboys-site.site-final .desktop-nav a.active,
  body.madboys-site.site-final .desktop-nav a:hover{min-width:43px;font-size:7.8px;height:46px;padding:1px 2px;}
  body.madboys-site.site-final .desktop-nav a::before{width:18px;height:18px;}
  body.madboys-site.site-final .desktop-nav .nav-highlight{height:43px;top:5px;}
  body.madboys-site.site-final .top-actions{right:calc(var(--v65-compact-edge) + 12px);top:16px;gap:8px;}
  body.madboys-site.site-final .top-actions .round-icon{width:38px;height:38px;}
  body.madboys-site.site-final .global-cta,
  html[dir="rtl"] body.madboys-site.site-final .global-cta{
    right:calc(var(--v65-compact-edge) + 100px);
    top:16px;
    width:210px;
    height:38px;
  }
  body.madboys-site.site-final .global-cta .cta-overlay{padding:0 26px;}
  body.madboys-site.site-final .global-cta .cta-overlay b{font-size:9px;line-height:.92;}

  body.madboys-site.site-final section.home .home-cards,
  body.madboys-site.site-final section.home .founder-strip,
  body.madboys-site.site-final section.home .founder-slogan{max-width:calc(100vw - 72px);}
  body.madboys-site.site-final section.home .home-cards .feature-card{grid-template-columns:56px minmax(0,1fr) 18px;gap:8px;}
  body.madboys-site.site-final section.home .home-cards .feature-card img{width:52px;height:40px;}
  body.madboys-site.site-final section.home .home-cards .feature-card h3{font-size:10px;}
  body.madboys-site.site-final section.home .home-cards .feature-card p{font-size:6.8px;}

  body.madboys-site.site-final section.council .influence{width:min(590px,62vw);max-width:62vw;}
  body.madboys-site.site-final section.council .council-table{width:min(600px,58vw);transform:translateX(-50%) scale(1.70);}
  body.madboys-site.site-final section.council .bonus-cards{top:min(570px,calc(100dvh - 150px));}

  body.madboys-site.site-final section.stories .story-stage{height:min(316px,38dvh);}
  body.madboys-site.site-final section.stories .choice-box{height:min(172px,23dvh);min-height:150px;}
  body.madboys-site.site-final section.stories .shift{top:min(428px,calc(100dvh - 336px));}
  body.madboys-site.site-final section.stories .fate-cards{top:min(482px,calc(100dvh - 282px));}
  body.madboys-site.site-final section.stories .section-kicker{top:min(552px,calc(100dvh - 212px));}
  body.madboys-site.site-final section.stories .journey-row{top:min(570px,calc(100dvh - 190px));}

  body.madboys-site.site-final section.expansion .map-zone{width:calc(100vw - 48px);height:min(330px,42dvh);}
  body.madboys-site.site-final section.expansion .region-grid-desktop{width:min(760px,80vw);grid-template-columns:repeat(3, minmax(185px, 1fr));column-gap:clamp(28px,4vw,54px);}
  body.madboys-site.site-final section.expansion .region{width:auto;min-width:0;height:48px;min-height:48px;}
  body.madboys-site.site-final section.expansion .expansion-cards{top:min(594px,calc(100dvh - 142px));}

  body.madboys-site.site-final section.rewards .faq-list{height:min(380px,calc(100dvh - 292px));}
  body.madboys-site.site-final section.rewards .explore-link-wrap,
  body.madboys-site.site-final section.rewards .reward-grid,
  body.madboys-site.site-final section.rewards .benefits-row{max-width:calc(100vw - 500px);}
}

@media (min-aspect-ratio:1.001/1) and (max-width:1180px) and (max-height:820px){
  body.madboys-site.site-final section.missions .split-panels{display:none;}
  body.madboys-site.site-final section.builds .compact-cards{display:none;}
  body.madboys-site.site-final section.rewards .benefits-row{top:min(520px,calc(100dvh - 126px));}
}

@media (min-width:1440px){
  body.madboys-site.site-final{
    --v65-desktop-safe-w:min(1180px,calc(100vw - 112px));
    --v65-desktop-wide-w:min(1280px,calc(100vw - 136px));
  }
}

@media (min-width:1920px){
  body.madboys-site.site-final{
    --v65-desktop-safe-w:min(1240px,calc(100vw - 160px));
    --v65-desktop-wide-w:min(1360px,calc(100vw - 180px));
  }
}


/* v76: removed v68/v69 intermediate responsive layers; families now switch by aspect-ratio only. */

/* ================================
   v70 MANUAL EDITING CONTROL LAYER
   Goal: stable section/form-factor override surface
   Use for future precise screen edits only
   Visual policy: inert placeholders only; no layout declarations in v70
   ================================ */

/* Selector priority contract:
   Use: body.madboys-site.site-final section.<screen> .<module> { ... }
   Avoid: .card {}, .region {}, .site-final .card {}
*/

/* ---- Mobile portrait overrides — locked baseline, safety only ---- */
@media (max-width:767px) and (orientation:portrait) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Mobile landscape overrides ---- */
@media (max-width:0px) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Tablet / square overrides ---- */
@media (min-width:768px) and (max-width:1180px) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Compact desktop height overrides ---- */
@media (min-aspect-ratio:1.001/1) and (max-width:1280px) and (max-height:820px) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Desktop overrides — locked baseline caution ---- */
@media (min-aspect-ratio:1.001/1) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Wide desktop safe-area overrides ---- */
@media (min-width:1920px) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* ---- Ultra-wide guard overrides ---- */
@media (min-width:2200px) {
  body.madboys-site.site-final section.home { /* future home edits */ }
  body.madboys-site.site-final section.missions { /* future missions edits */ }
  body.madboys-site.site-final section.builds { /* future builds edits */ }
  body.madboys-site.site-final section.council { /* future council edits */ }
  body.madboys-site.site-final section.stories { /* future stories edits */ }
  body.madboys-site.site-final section.expansion { /* future expansion edits */ }
  body.madboys-site.site-final section.blood { /* future blood edits */ }
  body.madboys-site.site-final section.rewards { /* future rewards edits */ }
}

/* Module selector examples for future manual edits:
   screen: home
   - hero-group: body.madboys-site.site-final section.home .hero-team
   - feature-cards: body.madboys-site.site-final section.home .home-cards .feature-card
   - founder-rewards: body.madboys-site.site-final section.home .founder-strip
   - stats-row: body.madboys-site.site-final section.home .stats-row
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: missions
   - mission-cards: body.madboys-site.site-final section.missions .mission-cards .feature-card
   - popup-triggers: body.madboys-site.site-final section.missions .feature-card
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: builds
   - hero-art: body.madboys-site.site-final section.builds .build-hero
   - equipment-grid: body.madboys-site.site-final section.builds .build-hero-zone .item-card
   - jackpot-widget: body.madboys-site.site-final section.builds .jackpot.jackpot-trigger
   - ability-cards: body.madboys-site.site-final section.builds .ability-row
   - bottom-effects: body.madboys-site.site-final section.builds .artifact-row
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: council
   - council-characters: body.madboys-site.site-final section.council .ruler-cards .feature-card
   - council-table: body.madboys-site.site-final section.council .council-table
   - influence-slider: body.madboys-site.site-final section.council .influence.glass
   - consequence-cards: body.madboys-site.site-final section.council .bonus-cards .feature-card
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: stories
   - central-hero: body.madboys-site.site-final section.stories .story-hero
   - choice-cards: body.madboys-site.site-final section.stories .choice-box.glass
   - fate-cards: body.madboys-site.site-final section.stories .fate-cards
   - days-progress: body.madboys-site.site-final section.stories .journey-row
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: expansion
   - map-art: body.madboys-site.site-final section.expansion .map-spread
   - region-labels: body.madboys-site.site-final section.expansion .region-grid-desktop .region
   - region-cards: body.madboys-site.site-final section.expansion .expansion-cards .feature-card
   - region-popups: body.madboys-site.site-final .region-modal
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: blood
   - island-heroes: body.madboys-site.site-final section.blood .blood-heroes
   - dragon-art: body.madboys-site.site-final section.blood .spread-hero.wide-table
   - monster-blood-gold: body.madboys-site.site-final section.blood .process-row
   - rage-slider: body.madboys-site.site-final section.blood .blood-bar-crop
   - bottom-feature-cards: body.madboys-site.site-final section.blood .blood-cards .feature-card
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
   screen: rewards
   - chest-banner: body.madboys-site.site-final section.rewards .rewards-banner
   - reward-cards: body.madboys-site.site-final section.rewards .reward-grid
   - faq-list: body.madboys-site.site-final section.rewards .faq-list
   - primary-cta: body.madboys-site.site-final .global-topbar .global-cta
*/

/* ================================
   v71 LAYOUT DEBUG OVERLAY
   Only active when body.debug-layout is present
   Production mode is unchanged: no debug elements exist unless ?debug=layout is used.
   ================================ */
.madboys-site.site-final.debug-layout {
  --debug-red: rgba(255, 30, 30, .88);
  --debug-red-soft: rgba(255, 30, 30, .18);
  --debug-blue: rgba(35, 121, 255, .78);
  --debug-green: rgba(0, 170, 80, .78);
  --debug-purple: rgba(137, 70, 255, .78);
  --debug-orange: rgba(255, 145, 0, .82);
  --debug-panel-bg: rgba(255,255,255,.82);
  --debug-z-root: 99990;
  --debug-z-label: 99998;
  --debug-z-badge: 99999;
}

.madboys-site.site-final.debug-layout .layout-debug-root {
  position: fixed;
  inset: 0;
  z-index: var(--debug-z-root);
  pointer-events: none;
  overflow: hidden;
  contain: layout paint style;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.madboys-site.site-final.debug-layout .layout-debug-badge {
  position: fixed;
  top: 76px;
  left: 12px;
  z-index: var(--debug-z-badge);
  font-size: 11px;
  line-height: 1.2;
  color: #ff1e1e;
  background: var(--debug-panel-bg);
  border: 1px solid rgba(255,0,0,.45);
  border-radius: 6px;
  padding: 4px 6px;
  pointer-events: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  max-width: calc(100vw - 24px);
  white-space: nowrap;
}

.madboys-site.site-final.debug-layout .layout-debug-box {
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  outline-offset: -1px;
  background: transparent;
}

.madboys-site.site-final.debug-layout .layout-debug-box--safe,
.madboys-site.site-final.debug-layout .layout-debug-box--viewport,
.madboys-site.site-final.debug-layout .layout-debug-box--header,
.madboys-site.site-final.debug-layout .layout-debug-box--bottom {
  outline: 1px dashed var(--debug-red);
  background: var(--debug-red-soft);
}

.madboys-site.site-final.debug-layout .layout-debug-box--art {
  outline: 1px dashed var(--debug-blue);
  background: rgba(35, 121, 255, .08);
}

.madboys-site.site-final.debug-layout .layout-debug-box--ui {
  outline: 1px dashed var(--debug-green);
  background: rgba(0, 170, 80, .08);
}

.madboys-site.site-final.debug-layout .layout-debug-box--floating {
  outline: 1px dashed var(--debug-purple);
  background: rgba(137, 70, 255, .07);
}

.madboys-site.site-final.debug-layout .layout-debug-box--modal {
  outline: 1px dashed var(--debug-orange);
  background: rgba(255, 145, 0, .08);
}

.madboys-site.site-final.debug-layout .layout-debug-label {
  position: absolute;
  z-index: var(--debug-z-label);
  font-size: 10px;
  line-height: 1;
  color: #ff1e1e;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,0,0,.35);
  border-radius: 4px;
  padding: 2px 4px;
  pointer-events: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

@media (max-width: 767px) and (orientation: portrait) {
  .madboys-site.site-final.debug-layout .layout-debug-badge {
    top: 58px;
    left: 8px;
    font-size: 9px;
    padding: 3px 5px;
  }
  .madboys-site.site-final.debug-layout .layout-debug-label {
    font-size: 8px;
    padding: 1px 3px;
  }
}

@media (max-width: 932px) and (orientation: landscape) {
  .madboys-site.site-final.debug-layout .layout-debug-badge {
    top: 46px;
    left: 8px;
    font-size: 9px;
    padding: 3px 5px;
  }
  .madboys-site.site-final.debug-layout .layout-debug-label {
    font-size: 8px;
    padding: 1px 3px;
  }
}


/* ================================
   v72 TARGETED VISUAL POLISH LAYER
   Based on v71. Root EN first, then same CSS applies to all localizations.
   Scope: requested production fixes only; debug overlay remains opt-in.
   ================================ */

/* Mobile preregister button: restore old full-width bottom proportions on portrait + landscape. */
@media (max-width:767px) and (orientation:portrait){
  body.madboys-site.site-final .global-cta,
  html[dir="rtl"] body.madboys-site.site-final .global-cta{
    position:fixed;
    left:50%;
    right:auto;
    top:auto;
    bottom:max(6px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    width:min(360px,calc(100vw - 24px));
    min-width:0;
    max-width:calc(100vw - 24px);
    height:clamp(58px,16vw,70px);
    min-height:58px;
    max-height:70px;
    aspect-ratio:auto;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    overflow:visible;
    z-index:calc(var(--z-header) - 1);
  }
  body.madboys-site.site-final .global-cta .cta-bg-img{object-fit:fill;display:block;}
  body.madboys-site.site-final .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0 54px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    transform:none;
  }
  body.madboys-site.site-final .global-cta .cta-overlay b,
  body.madboys-site.site-final .global-cta b{
    display:block;
    width:100%;
    max-width:100%;
    font:900 clamp(13px,4.25vw,18px)/.96 Arial Black,Arial,sans-serif;
    letter-spacing:-.18px;
    white-space:normal;
    overflow-wrap:normal;
    text-align:center;
    text-transform:uppercase;
    transform:none;
  }

  /* Home / founder rewards mobile portrait: keep button inside the strip and make the text fit. */
  body.madboys-site.site-final section.home .founder-strip{
    overflow:visible;
    grid-template-columns:76px minmax(0,1fr) 104px;
    align-items:center;
    padding-right:7px;
  }
  body.madboys-site.site-final section.home .view-rewards-button{
    width:104px;
    height:36px;
    align-self:center;
    justify-self:center;
    top:-4px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    position:relative;
    border:0;
    background:transparent;
  }
  body.madboys-site.site-final section.home .view-rewards-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  body.madboys-site.site-final section.home .view-rewards-text{
    position:absolute;
    left:12px;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    font:900 8px/1 Arial,sans-serif;
    white-space:normal;
    text-align:center;
    color:#09266f;
  }
}

@media (max-width:0px){
  body.madboys-site.site-final .global-cta,
  html[dir="rtl"] body.madboys-site.site-final .global-cta{
    position:fixed;
    left:50%;
    right:auto;
    top:auto;
    bottom:max(5px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    width:min(430px,calc(100vw - 104px));
    min-width:0;
    max-width:calc(100vw - 104px);
    height:clamp(52px,9.5vw,66px);
    min-height:52px;
    max-height:66px;
    aspect-ratio:auto;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    overflow:visible;
  }
  body.madboys-site.site-final .global-cta .cta-bg-img{object-fit:fill;display:block;}
  body.madboys-site.site-final .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    transform:none;
  }
  body.madboys-site.site-final .global-cta .cta-overlay b,
  body.madboys-site.site-final .global-cta b{
    display:block;
    width:100%;
    font:900 clamp(12px,2.8vw,17px)/.95 Arial Black,Arial,sans-serif;
    letter-spacing:-.15px;
    white-space:normal;
    text-align:center;
    text-transform:uppercase;
    transform:none;
  }
}

/* Desktop and compact-desktop requested visual fixes. */
@media (min-aspect-ratio:1.001/1){
  /* Home / desktop / founder-rewards */
  body.madboys-site.site-final section.home .founder-strip{
    height:76px;
    min-height:76px;
    grid-template-columns:112px minmax(0,1fr) 166px;
    gap:14px;
    align-items:center;
    padding:8px 14px;
    overflow:visible;
  }
  body.madboys-site.site-final section.home .founder-strip > img:first-child{
    width:100px;
    height:64px;
    object-fit:contain;
    align-self:center;
    justify-self:center;
  }
  body.madboys-site.site-final section.home .founder-strip > span{
    align-self:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:0;
  }
  body.madboys-site.site-final section.home .founder-strip > span b{font-size:17px;line-height:1.04;margin:0;}
  body.madboys-site.site-final section.home .founder-strip > span small{font-size:10px;line-height:1.08;margin:2px 0 0;}
  body.madboys-site.site-final section.home .view-rewards-button{
    width:158px;
    height:48px;
    top:0;
    align-self:center;
    justify-self:center;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    position:relative;
  }
  body.madboys-site.site-final section.home .view-rewards-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
  body.madboys-site.site-final section.home .view-rewards-text{
    position:absolute;
    left:18px;
    right:34px;
    top:50%;
    transform:translateY(-50%);
    font:900 10.6px/1 Arial,sans-serif;
    text-align:center;
    white-space:normal;
    color:#09266f;
  }

  /* Stories / desktop / choice-cards */
  body.madboys-site.site-final section.stories .choice-box{
    height:242px;
    min-height:242px;
    width:300px;
    padding:15px 16px 12px;
    display:flex;
    flex-direction:column;
    overflow:visible;
    justify-content:flex-start;
  }
  body.madboys-site.site-final section.stories .choice-box h4{font-size:14px;margin:0 0 9px;line-height:1;}
  body.madboys-site.site-final section.stories .choice-box img{
    width:100%;
    height:48px;
    max-height:none;
    margin:0 0 7px;
    object-fit:contain;
    object-position:center center;
    border-radius:12px;
    display:block;
  }
  body.madboys-site.site-final section.stories .choice-box span{
    height:38px;
    min-height:38px;
    margin:-45px 0 10px 0;
    padding:0 14px 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font:900 10px/1.05 Arial,sans-serif;
    text-shadow:0 2px 3px rgba(0,0,0,.58);
  }
  body.madboys-site.site-final section.stories .choice-box .choice-note{font-size:8.2px;line-height:1.12;margin-top:auto;padding-top:1px;text-align:center;}

  /* Stories / desktop / personality-shift */
  body.madboys-site.site-final section.stories .shift{
    top:404px;
    height:94px;
    min-height:94px;
    padding:13px 26px;
    overflow:hidden;
    position:absolute;
  }
  body.madboys-site.site-final section.stories .shift h4{font-size:14px;line-height:1;margin:0 0 8px;}
  body.madboys-site.site-final section.stories .shift img{
    position:absolute;
    left:50%;
    top:42px;
    transform:translateX(-50%);
    width:58%;
    height:42px;
    object-fit:fill;
    margin:0;
  }
  body.madboys-site.site-final section.stories .shift div{
    position:absolute;
    left:22px;
    right:22px;
    top:42px;
    height:42px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0;
    font:900 11px/1.02 Arial,sans-serif;
    z-index:2;
    pointer-events:none;
  }
  body.madboys-site.site-final section.stories .shift div span{width:112px;text-align:center;}
  body.madboys-site.site-final section.stories .shift div b{font-size:14px;line-height:1;}

  /* Stories / desktop / fate-cards */
  body.madboys-site.site-final section.stories .fate-cards{
    top:508px;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:min(980px,78vw);
    height:122px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0;
    z-index:20;
  }
  body.madboys-site.site-final section.stories .fate-cards article{
    height:122px;
    min-height:122px;
    border-radius:16px;
    overflow:hidden;
    position:relative;
    background:#071a54;
  }
  body.madboys-site.site-final section.stories .fate-cards img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    background:#071a54;
  }
  body.madboys-site.site-final section.stories .fate-cards article::after{background:linear-gradient(to bottom,rgba(0,0,0,0) 24%,rgba(0,0,0,.78) 100%);}
  body.madboys-site.site-final section.stories .fate-cards h3{
    position:absolute;
    left:6px;
    right:6px;
    bottom:28px;
    margin:0;
    color:#ffcf5a;
    font:900 11px/1 Arial,sans-serif;
    text-align:center;
    text-shadow:0 2px 4px rgba(0,0,0,.9);
    z-index:3;
  }
  body.madboys-site.site-final section.stories .fate-cards p{
    position:absolute;
    left:8px;
    right:8px;
    bottom:7px;
    margin:0;
    color:#fff;
    font:800 7.6px/1.05 Arial,sans-serif;
    text-align:center;
    text-shadow:0 2px 4px rgba(0,0,0,.9);
    z-index:3;
  }

  /* Stories / desktop / days-progress */
  body.madboys-site.site-final section.stories .stories .section-kicker,
  body.madboys-site.site-final section.stories .section-kicker{top:634px;}
  body.madboys-site.site-final section.stories .journey-row{
    top:648px;
    height:66px;
    min-height:66px;
    padding:7px 14px;
    align-items:center;
  }
  body.madboys-site.site-final section.stories .journey-row img{
    width:52px;
    height:52px;
    object-fit:contain;
    border-radius:9px;
  }
  body.madboys-site.site-final section.stories .journey-row i{font-size:16px;line-height:52px;}
  body.madboys-site.site-final section.stories .journey-row small{font-size:9px;line-height:1;}

  /* Builds / desktop / hero-art */
  body.madboys-site.site-final section.builds .build-hero-zone{
    overflow:visible;
    min-height:0;
  }
  body.madboys-site.site-final section.builds .build-hero{
    height:528px;
    max-height:528px;
    width:auto;
    top:54px;
    object-fit:contain;
    z-index:12;
    transform:translateX(-50%);
  }

  /* Builds / desktop / bottom-effects */
  body.madboys-site.site-final section.builds .artifact-row{
    height:82px;
    min-height:82px;
    padding:24px 22px 10px;
    align-items:center;
    justify-content:center;
    gap:14px;
    overflow:visible;
  }
  body.madboys-site.site-final section.builds .artifact-row b{top:6px;font-size:16px;line-height:1;}
  body.madboys-site.site-final section.builds .artifact-row span{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    margin:0;
  }
  body.madboys-site.site-final section.builds .artifact-row img{
    width:46px;
    height:46px;
    max-width:46px;
    max-height:46px;
    object-fit:contain;
  }

  /* Council / desktop / top ruler portrait scale */
  body.madboys-site.site-final section.council .ruler-cards article{position:relative;overflow:hidden;}
  body.madboys-site.site-final section.council .ruler-cards img{
    position:absolute;
    left:-4px;
    top:-8px;
    width:104px;
    height:104px;
    max-width:none;
    max-height:none;
    object-fit:contain;
    object-position:center top;
    transform:none;
    z-index:1;
  }
  body.madboys-site.site-final section.council .ruler-cards h3,
  body.madboys-site.site-final section.council .ruler-cards p{position:relative;z-index:2;}

  /* Expansion / desktop / region-cards */
  body.madboys-site.site-final section.expansion .expansion-cards{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    top:auto;
    bottom:28px;
    width:min(960px,calc(100vw - 220px));
    max-width:calc(100vw - 96px);
    height:108px;
    min-height:108px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    margin:0;
    z-index:22;
  }
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card{
    width:auto;
    height:108px;
    min-height:108px;
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    justify-content:center;
    text-align:left;
    padding:12px 14px;
    border-radius:18px;
    overflow:hidden;
  }
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card img{
    grid-row:1/3;
    width:62px;
    height:62px;
    object-fit:contain;
    border-radius:12px;
    align-self:center;
    justify-self:center;
  }
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card h3{font-size:15px;line-height:1.05;margin:0 0 4px;align-self:end;}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card p{font-size:10px;line-height:1.12;margin:0;align-self:start;}

  /* Rewards / desktop / faq-list + right-content */
  body.madboys-site.site-final section.rewards .rewards-content{
    --v72-rewards-top:188px;
    --v72-rewards-left:max(32px,calc(50% - 640px));
    --v72-rewards-faq-w:min(510px,36vw);
    --v72-rewards-gap:36px;
    --v72-rewards-right-x:calc(var(--v72-rewards-left) + var(--v72-rewards-faq-w) + var(--v72-rewards-gap));
    --v72-rewards-right-w:min(690px,calc(100vw - var(--v72-rewards-right-x) - 40px));
  }
  body.madboys-site.site-final section.rewards .faq-list{
    position:absolute;
    left:var(--v72-rewards-left);
    top:var(--v72-rewards-top);
    width:var(--v72-rewards-faq-w);
    height:min(462px,calc(100dvh - var(--v72-rewards-top) - 104px));
    min-height:360px;
    max-height:none;
    margin:0;
    padding:18px 22px;
    overflow:auto;
    z-index:22;
  }
  body.madboys-site.site-final section.rewards .explore-link-wrap,
  body.madboys-site.site-final section.rewards .reward-hero{
    position:absolute;
    left:var(--v72-rewards-right-x);
    right:auto;
    top:var(--v72-rewards-top);
    width:var(--v72-rewards-right-w);
    height:172px;
    margin:0;
    z-index:22;
  }
  body.madboys-site.site-final section.rewards .reward-hero{object-fit:cover;border-radius:20px;}
  body.madboys-site.site-final section.rewards .reward-grid{
    position:absolute;
    left:var(--v72-rewards-right-x);
    right:auto;
    top:calc(var(--v72-rewards-top) + 188px);
    width:var(--v72-rewards-right-w);
    height:132px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:0;
    z-index:22;
  }
  body.madboys-site.site-final section.rewards .reward-grid article{height:132px;min-height:132px;padding:9px 7px;}
  body.madboys-site.site-final section.rewards .reward-grid img{height:52px;object-fit:contain;}
  body.madboys-site.site-final section.rewards .reward-grid h3{font-size:12px;line-height:1.04;margin:2px 0 4px;}
  body.madboys-site.site-final section.rewards .reward-grid b{font-size:8px;padding:2px 6px;}
  body.madboys-site.site-final section.rewards .reward-grid p{font-size:8px;line-height:1.05;margin:3px 0 0;}
  body.madboys-site.site-final section.rewards .benefits-row{
    position:absolute;
    left:var(--v72-rewards-right-x);
    right:auto;
    top:calc(var(--v72-rewards-top) + 336px);
    width:var(--v72-rewards-right-w);
    height:104px;
    margin:0;
    padding:10px 12px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    align-items:center;
    z-index:22;
  }
  body.madboys-site.site-final section.rewards .benefits-row span{font-size:10px;line-height:1.05;grid-template-columns:34px 1fr;padding:0 4px;align-items:center;}
  body.madboys-site.site-final section.rewards .benefits-row img{width:32px;height:32px;object-fit:contain;}
  body.madboys-site.site-final section.rewards .benefits-row small{font-size:8px;line-height:1.05;}
}

/* Compact desktop downscale to keep the v72 polish inside 1024-1280 wide / low-height screens. */
@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.madboys-site.site-final section.stories .choice-box{width:276px;height:228px;padding:13px 14px 10px;}
  body.madboys-site.site-final section.stories .choice-box img{height:44px;}
  body.madboys-site.site-final section.stories .choice-box span{height:35px;margin:-41px 0 9px 0;padding-left:54px;font-size:9.2px;}
  body.madboys-site.site-final section.stories .shift{top:402px;height:88px;}
  body.madboys-site.site-final section.stories .fate-cards{top:504px;width:min(900px,86vw);height:112px;gap:10px;}
  body.madboys-site.site-final section.stories .fate-cards article{height:112px;}
  body.madboys-site.site-final section.stories .journey-row{top:634px;height:58px;}
  body.madboys-site.site-final section.stories .journey-row img{width:46px;height:46px;}
  body.madboys-site.site-final section.builds .build-hero{height:440px;max-height:440px;top:58px;}
  body.madboys-site.site-final section.builds .artifact-row{height:72px;min-height:72px;}
  body.madboys-site.site-final section.builds .artifact-row span{width:48px;height:48px;flex-basis:48px;}
  body.madboys-site.site-final section.builds .artifact-row img{width:40px;height:40px;max-width:40px;max-height:40px;}
  body.madboys-site.site-final section.council .ruler-cards img{width:94px;height:94px;top:-6px;}
  body.madboys-site.site-final section.expansion .expansion-cards{width:calc(100vw - 96px);height:96px;min-height:96px;bottom:22px;}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card{height:96px;min-height:96px;grid-template-columns:62px minmax(0,1fr);padding:10px 12px;}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card img{width:54px;height:54px;}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card h3{font-size:13px;}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card p{font-size:8.5px;}
  body.madboys-site.site-final section.rewards .rewards-content{--v72-rewards-top:178px;--v72-rewards-left:32px;--v72-rewards-faq-w:420px;--v72-rewards-gap:28px;}
  body.madboys-site.site-final section.rewards .faq-list{min-height:0;height:min(410px,calc(100dvh - var(--v72-rewards-top) - 90px));}
}

/* Non-mobile tall-screen height scaling: v72 treats current block heights as the minimum. */
@media (min-width:768px) and (min-height:900px){
  body.madboys-site.site-final{--v72-tall-extra:clamp(0px,calc((100dvh - 820px) * .10),30px);}
  body.madboys-site.site-final section.builds .artifact-row{height:calc(82px + var(--v72-tall-extra));min-height:calc(82px + var(--v72-tall-extra));}
  body.madboys-site.site-final section.expansion .expansion-cards{height:calc(108px + var(--v72-tall-extra));min-height:calc(108px + var(--v72-tall-extra));}
  body.madboys-site.site-final section.expansion .expansion-cards .feature-card{height:calc(108px + var(--v72-tall-extra));min-height:calc(108px + var(--v72-tall-extra));}
  body.madboys-site.site-final section.rewards .faq-list{height:min(calc(462px + var(--v72-tall-extra)),calc(100dvh - var(--v72-rewards-top,188px) - 104px));}
  body.madboys-site.site-final section.rewards .benefits-row{height:clamp(104px,11dvh,134px);}
}

/* Keep debug overlay opt-in after the production v72 layer too. */
body.madboys-site.site-final:not(.debug-layout) .layout-debug-root,
body.madboys-site.site-final:not(.debug-layout) .layout-debug-badge,
body.madboys-site.site-final:not(.debug-layout) .layout-debug-box,
body.madboys-site.site-final:not(.debug-layout) .layout-debug-label{display:none;}


/* ---- migrated site-final bridge ---- */
/* legacy note removed in final active CSS */

/* tokens */
.site-final {
  --site-final-bridge: 1;
  --desktop-header-h: 72px;
  --desktop-title-y: 96px;
  --desktop-ribbon-y: 188px;
  --desktop-content-top: 246px;
  --desktop-content-bottom-gap: 42px;
  --desktop-safe-w: min(1180px, calc(100vw - 96px));
  --desktop-wide-w: min(1280px, calc(100vw - 120px));
  --desktop-content-h: calc(100dvh - var(--desktop-content-top) - var(--desktop-content-bottom-gap));
}

/* base: no visual reset */
.site-final .screen { }

/* safe-area: defined for future controlled edits, not forced globally in this pass */
@media (min-aspect-ratio:1.001/1) {
  .site-final .screen.home,
  .site-final .screen.missions,
  .site-final .screen.builds,
  .site-final .screen.council,
  .site-final .screen.stories,
  .site-final .screen.expansion,
  .site-final .screen.blood,
  .site-final .screen.rewards { }
}

/* layout.mobile-portrait: safety-only insertion point */
@media (max-width: 767px) and (orientation: portrait) {
  .site-final .screen.home .founder-strip { }
}

/* layout.mobile-landscape: safety-only insertion point */
@media (max-width: 932px) and (orientation: landscape) {
  .site-final .screen { }
}

/* layout.tablet-square: safety-only insertion point */
@media (min-width: 768px) and (max-width: 1180px) {
  .site-final .screen { }
}

/* layout.desktop */
@media (min-aspect-ratio:1.001/1) {
  .site-final .screen { }
}

/* layout.desktop-low-height */
@media (min-aspect-ratio:1.001/1) and (max-height: 820px) {
  .site-final .screen { }
}

/* screens.missions / screens.builds — obsolete blocks removed in HTML.
   These display guards are a temporary legacy bridge in case cached/old HTML is mixed with this CSS. */
.site-final .screen.missions .split-panels,
.site-final .screen.builds .compact-cards {
  display: none; /* legacy note removed in final active CSS */
}

/* screens.home */
.site-final .screen.home { }

/* screens.council */
.site-final .screen.council { }

/* screens.stories */
.site-final .screen.stories { }

/* screens.expansion */
.site-final .screen.expansion { }

/* screens.blood */
.site-final .screen.blood { }

/* screens.rewards */
.site-final .screen.rewards { }

/* components.header */
.site-final .topbar { }

/* components.cards */
.site-final .feature-card { }

/* components.faq */
.site-final .faq-list details { }

/* components.popups */
.site-final .usp-panel,
.site-final .modal,
.site-final .popup { }

/* localization guards: preserve RTL/CJK wrapping without changing layout metrics globally */
.site-final.locale-ar { direction: rtl; }
.site-final.locale-ja,
.site-final.locale-ko,
.site-final.locale-zh { }

/* utilities */
.site-final .u-preserve-visual-baseline { }
/* ==== END css/base.css ==== */


/* ==== BEGIN css/layout.mobile.css ==== */
/* layout.mobile.css — mobile portrait rules live in base snapshot; future edits: @media (max-width:767px) and (orientation:portrait). */
/* ==== END css/layout.mobile.css ==== */


/* ==== BEGIN css/layout.landscape.css ==== */
/* layout.landscape.css — mobile landscape rules live in base snapshot; future edits: @media (max-width:932px) and (orientation:landscape). */
/* ==== END css/layout.landscape.css ==== */


/* ==== BEGIN css/layout.tablet.css ==== */
/* layout.tablet.css — tablet/square rules live in base snapshot; future edits: @media (min-width:768px) and (max-width:1180px). */
/* ==== END css/layout.tablet.css ==== */


/* ==== BEGIN css/layout.desktop.css ==== */
/* layout.desktop.css — desktop rules live in base snapshot; future edits: @media (min-width:1024px). */
/* ==== END css/layout.desktop.css ==== */


/* ==== BEGIN css/layout.desktop-low.css ==== */
/* layout.desktop-low.css — desktop low-height guard insertion point: @media (min-width:900px) and (max-width:1536px) and (max-height:820px). */
/* ==== END css/layout.desktop-low.css ==== */


/* ==== BEGIN css/components.header.css ==== */
/* components.header.css — header/nav/language components. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.header.css ==== */


/* ==== BEGIN css/components.cards.css ==== */
/* components.cards.css — shared card components. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.cards.css ==== */


/* ==== BEGIN css/components.buttons.css ==== */
/* components.buttons.css — CTA/button components. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.buttons.css ==== */


/* ==== BEGIN css/components.faq.css ==== */
/* components.faq.css — FAQ accordion component. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.faq.css ==== */


/* ==== BEGIN css/components.popups.css ==== */
/* components.popups.css — modal/lazy/region popup components. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.popups.css ==== */


/* ==== BEGIN css/components.language.css ==== */
/* components.language.css — language switcher and RTL/CJK wrappers. Baseline rules are in base.css snapshot for cascade safety. */
/* ==== END css/components.language.css ==== */


/* ==== BEGIN css/screens.home.css ==== */
/* screens.home.css — .site-final .screen.home future isolated edits. */
/* ==== END css/screens.home.css ==== */


/* ==== BEGIN css/screens.missions.css ==== */
/* screens.missions.css — .site-final .screen.missions future isolated edits. Obsolete lower blocks removed in HTML. */
/* ==== END css/screens.missions.css ==== */


/* ==== BEGIN css/screens.builds.css ==== */
/* screens.builds.css — .site-final .screen.builds future isolated edits. Gear/Runes/Synergies removed; Artifacts preserved. */
/* ==== END css/screens.builds.css ==== */


/* ==== BEGIN css/screens.council.css ==== */
/* screens.council.css — .site-final .screen.council future isolated edits. */
/* ==== END css/screens.council.css ==== */


/* ==== BEGIN css/screens.stories.css ==== */
/* screens.stories.css — .site-final .screen.stories future isolated edits. */
/* ==== END css/screens.stories.css ==== */


/* ==== BEGIN css/screens.expansion.css ==== */
/* screens.expansion.css — .site-final .screen.expansion future isolated edits. */
/* ==== END css/screens.expansion.css ==== */


/* ==== BEGIN css/screens.blood.css ==== */
/* screens.blood.css — .site-final .screen.blood future isolated edits. */
/* ==== END css/screens.blood.css ==== */


/* ==== BEGIN css/screens.rewards.css ==== */
/* screens.rewards.css — .site-final .screen.rewards future isolated edits. */
/* ==== END css/screens.rewards.css ==== */


/* ==== BEGIN css/utilities.css ==== */
/* utilities.css — final utilities insertion point. Avoid global layout changes here. */
/* ==== END css/utilities.css ==== */


/* ==== BEGIN css/site-v73.css ==== */
/* ================================
   v73 TARGETED INTERFACE FIX PASS
   Scope: desktop visual fixes requested after final_structure baseline.
   No redesign. No version-* body classes. Production only; debug remains opt-in.
   ================================ */

body.site-final.site-v73{
  --v73-safe-w: min(1180px, calc(100vw - 96px));
  --v73-safe-x: max(48px, calc((100vw - var(--v73-safe-w)) / 2));
  --v73-right-col-w: min(620px, calc(var(--v73-safe-w) - 526px - 36px));
}

/* Header / desktop / restored short preregistration button */
.header-prereg-cta{display:none;}
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v73 .global-topbar .top-actions{
    align-items:center;
    gap:10px;
    min-width:max-content;
  }
  body.site-final.site-v73 .header-prereg-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:150px;
    height:38px;
    flex:0 0 150px;
    border-radius:999px;
    padding:0 18px;
    text-decoration:none;
    box-sizing:border-box;
    background:linear-gradient(180deg,#ffe277 0%,#ffb32b 54%,#ff8d1e 100%);
    border:2px solid rgba(255,218,84,.95);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.55), inset 0 -4px 0 rgba(173,80,0,.18), 0 6px 14px rgba(80,31,0,.12);
    color:#6b2500;
    text-shadow:0 1px 0 rgba(255,255,255,.65);
    white-space:nowrap;
    overflow:hidden;
  }
  body.site-final.site-v73 .header-prereg-cta span{
    display:block;
    width:100%;
    max-width:100%;
    text-align:center;
    font:900 13px/1 Arial Black,Arial,sans-serif;
    letter-spacing:-.1px;
    transform:translateY(.5px);
  }
  body.site-final.site-v73 .global-topbar .round-icon{
    flex:0 0 auto;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1365px){
  body.site-final.site-v73 .desktop-nav{gap:12px;}
  body.site-final.site-v73 .desktop-nav a{font-size:12px;}
  body.site-final.site-v73 .header-prereg-cta{
    width:122px;
    flex-basis:122px;
    height:34px;
    padding:0 12px;
  }
  body.site-final.site-v73 .header-prereg-cta span{font-size:10.5px;}
}
@media (max-aspect-ratio:1/1){
  body.site-final.site-v73 .header-prereg-cta{display:none;}
}

@media (min-aspect-ratio:1.001/1){
  /* Home / desktop / subtitle ribbon styling */
  body.site-final.site-v73 section.home .hero-slogan{
    min-height:36px;
    height:auto;
    padding:6px 22px;
    border-radius:999px;
    border-top:2px solid rgba(211,151,23,.62);
    border-bottom:2px solid rgba(211,151,23,.62);
    background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 13%,rgba(255,255,255,.96) 87%,transparent 100%);
    box-shadow:0 3px 12px rgba(15,66,150,.12);
    color:#3f47b9;
    font:900 clamp(16px,1.18vw,20px)/1.05 Arial Black,Arial,sans-serif;
    letter-spacing:.15px;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.72);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.site-final.site-v73 section.home .hero-slogan br{display:none;}

  /* Home / desktop / tactical raids line: lighter, narrower, with soft white text glow instead of a heavy slab. */
  body.site-final.site-v73 section.home .founder-slogan{
    max-width:min(560px,42vw);
    width:min(560px,42vw);
    padding:0 10px;
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
    color:#071d5b;
    text-align:center;
    text-shadow:0 1px 0 #fff, 0 0 10px rgba(255,255,255,.92), 0 2px 8px rgba(255,255,255,.65);
    line-height:1.18;
  }

  /* Expansion / Blood / Rewards: restore desktop background art and keep a real img fallback visible. */
  body.site-final.site-v73 section.expansion .canvas,
  body.site-final.site-v73 section.blood .canvas,
  body.site-final.site-v73 section.rewards .canvas{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#f5b1b4;
  }
  body.site-final.site-v73 section.expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final.site-v73 section.blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final.site-v73 section.rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}
  body.site-final.site-v73 section.expansion .canvas > img.bg,
  body.site-final.site-v73 section.blood .canvas > img.bg,
  body.site-final.site-v73 section.rewards .canvas > img.bg{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    opacity:1;
    z-index:-3;
    pointer-events:none;
  }
  body.site-final.site-v73 section.expansion .canvas::before,
  body.site-final.site-v73 section.blood .canvas::before,
  body.site-final.site-v73 section.rewards .canvas::before{
    display:block;
    background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0) 42%,rgba(255,255,255,.20) 100%);
  }

  /* Stories / desktop / central hero: match the Builds hero-art scale and center logic. */
  body.site-final.site-v73 section.stories .story-hero{
    left:50%;
    top:190px;
    width:260px;
    height:450px;
    max-height:450px;
    object-fit:contain;
    transform:translateX(-50%);
    z-index:8;
  }

  /* Stories / desktop / choice-cards: compact height and open air before personality shift. */
  body.site-final.site-v73 section.stories .choice-box{
    width:300px;
    height:218px;
    min-height:218px;
    padding:13px 16px 10px;
    overflow:visible;
  }
  body.site-final.site-v73 section.stories .choice-box h4{
    font-size:13.5px;
    line-height:1;
    margin:0 0 8px;
  }
  body.site-final.site-v73 section.stories .choice-box img{
    height:44px;
    margin:0 0 6px;
    object-fit:contain;
    object-position:center center;
  }
  body.site-final.site-v73 section.stories .choice-box span{
    min-height:34px;
    height:34px;
    margin:-41px 0 8px;
    padding:0 14px 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:9.6px;
    line-height:1.04;
  }
  body.site-final.site-v73 section.stories .choice-box .choice-note{
    font-size:7.8px;
    line-height:1.12;
    margin-top:auto;
  }

  /* Rewards / desktop: keep FAQ and right column inside the content safe-area. */
  body.site-final.site-v73 section.rewards .rewards-content{
    --v73-rewards-top:188px;
    --v73-rewards-left:var(--v73-safe-x);
    --v73-rewards-faq-w:min(526px, calc(var(--v73-safe-w) * .445));
    --v73-rewards-gap:36px;
    --v73-rewards-right-x:calc(var(--v73-rewards-left) + var(--v73-rewards-faq-w) + var(--v73-rewards-gap));
    --v73-rewards-right-w:calc(var(--v73-safe-w) - var(--v73-rewards-faq-w) - var(--v73-rewards-gap));
  }
  body.site-final.site-v73 section.rewards .faq-list{
    left:var(--v73-rewards-left);
    right:auto;
    top:var(--v73-rewards-top);
    width:var(--v73-rewards-faq-w);
    max-width:var(--v73-rewards-faq-w);
    height:min(462px,calc(100dvh - var(--v73-rewards-top) - 104px));
    min-height:0;
    margin:0;
    box-sizing:border-box;
    overflow:auto;
  }
  body.site-final.site-v73 section.rewards .explore-link-wrap{
    position:absolute;
    left:var(--v73-rewards-right-x);
    right:auto;
    top:var(--v73-rewards-top);
    width:var(--v73-rewards-right-w);
    height:172px;
    margin:0;
    overflow:hidden;
    border-radius:20px;
    z-index:22;
  }
  body.site-final.site-v73 section.rewards .explore-link-wrap .reward-hero,
  body.site-final.site-v73 section.rewards .reward-hero{
    position:absolute;
    inset:0;
    left:0;
    right:auto;
    top:0;
    width:100%;
    height:100%;
    min-width:0;
    max-width:none;
    margin:0;
    object-fit:cover;
    object-position:center center;
    border-radius:20px;
    box-shadow:none;
  }
  body.site-final.site-v73 section.rewards .reward-grid{
    left:var(--v73-rewards-right-x);
    right:auto;
    top:calc(var(--v73-rewards-top) + 188px);
    width:var(--v73-rewards-right-w);
    height:132px;
    margin:0;
    box-sizing:border-box;
  }
  body.site-final.site-v73 section.rewards .benefits-row{
    left:var(--v73-rewards-right-x);
    right:auto;
    top:calc(var(--v73-rewards-top) + 336px);
    width:var(--v73-rewards-right-w);
    height:104px;
    margin:0;
    box-sizing:border-box;
  }
}

@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.site-final.site-v73{
    --v73-safe-w:calc(100vw - 64px);
    --v73-safe-x:32px;
  }
  body.site-final.site-v73 section.stories .story-hero{
    top:176px;
    height:420px;
    max-height:420px;
  }
  body.site-final.site-v73 section.stories .choice-box{
    width:276px;
    height:204px;
    min-height:204px;
  }
  body.site-final.site-v73 section.stories .choice-box img{height:40px;}
  body.site-final.site-v73 section.stories .choice-box span{height:31px;min-height:31px;margin:-38px 0 7px;padding-left:52px;font-size:8.8px;}
  body.site-final.site-v73 section.rewards .rewards-content{
    --v73-rewards-top:178px;
    --v73-rewards-faq-w:min(420px,42vw);
    --v73-rewards-gap:26px;
  }
  body.site-final.site-v73 section.rewards .faq-list{
    height:min(410px,calc(100dvh - var(--v73-rewards-top) - 90px));
  }
}
/* ==== END css/site-v73.css ==== */


/* ==== BEGIN css/site-v74.css ==== */
/* ================================
   v74 TARGETED VISUAL POLISH PASS
   Scope: only requested desktop backgrounds, desktop ribbons, desktop header image CTA,
   Stories desktop hero, and two mobile button text fixes.
   No structural refactor. No localization/static/popup/FAQ edits.
   ================================ */

body.site-final.site-v74{
  --v74-desktop-ribbon-w: min(890px, calc(100vw - 360px));
  --v74-desktop-ribbon-h: 40px;
  --v74-desktop-safe-w: min(1180px, calc(100vw - 96px));
  --v74-desktop-safe-x: max(48px, calc((100vw - var(--v74-desktop-safe-w)) / 2));
}

/* 1. Desktop header preregistration: use real image asset, not CSS-drawn pill. */
body.site-final.site-v74 .header-prereg-art{display:none;}
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74 .global-topbar .top-actions{
    align-items:center;
    gap:10px;
    transform:translateY(-1px);
  }
  body.site-final.site-v74 .header-prereg-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    width:150px;
    height:40px;
    flex:0 0 150px;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  body.site-final.site-v74 .header-prereg-cta .header-prereg-art{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    filter:drop-shadow(0 3px 5px rgba(90,43,0,.14));
  }
  body.site-final.site-v74 .header-prereg-cta span{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
  body.site-final.site-v74 .global-topbar .round-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1365px){
  body.site-final.site-v74 .header-prereg-cta{
    width:128px;
    height:35px;
    flex-basis:128px;
  }
  body.site-final.site-v74 .global-topbar .top-actions{gap:8px;}
  body.site-final.site-v74 .global-topbar .round-icon{width:38px;height:38px;flex-basis:38px;}
}

/* 2. Desktop subtitle ribbons: one shared component across all landing screens. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74 section.home .hero-slogan,
  body.site-final.site-v74 section.missions .ribbon,
  body.site-final.site-v74 section.builds .ribbon,
  body.site-final.site-v74 section.council .ribbon,
  body.site-final.site-v74 section.stories .ribbon,
  body.site-final.site-v74 section.expansion .ribbon,
  body.site-final.site-v74 section.blood .ribbon,
  body.site-final.site-v74 section.rewards .ribbon{
    width:var(--v74-desktop-ribbon-w);
    max-width:var(--v74-desktop-ribbon-w);
    min-height:var(--v74-desktop-ribbon-h);
    height:auto;
    margin:8px auto 12px;
    padding:7px 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:999px;
    border-top:2px solid rgba(214,151,22,.64);
    border-bottom:2px solid rgba(214,151,22,.64);
    border-left:1px solid rgba(214,151,22,.24);
    border-right:1px solid rgba(214,151,22,.24);
    background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.94) 12%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.94) 88%,rgba(255,255,255,0) 100%);
    box-shadow:0 4px 14px rgba(11,41,102,.13);
    color:#3f47b9;
    font:900 clamp(14px,1.05vw,18px)/1.05 Arial Black,Arial,sans-serif;
    letter-spacing:.12px;
    text-transform:uppercase;
    text-align:center;
    text-shadow:0 1px 0 rgba(255,255,255,.78);
    white-space:normal;
    overflow-wrap:normal;
  }
  body.site-final.site-v74 section.home .hero-slogan br{display:none;}
  body.site-final.site-v74 .ribbon .ribbon-part.hl-gold{color:#d78400;}
  body.site-final.site-v74 .ribbon .ribbon-part.hl-blue{color:#3f47b9;}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1365px){
  body.site-final.site-v74{
    --v74-desktop-ribbon-w:min(760px, calc(100vw - 250px));
    --v74-desktop-ribbon-h:36px;
  }
  body.site-final.site-v74 section.home .hero-slogan,
  body.site-final.site-v74 section.missions .ribbon,
  body.site-final.site-v74 section.builds .ribbon,
  body.site-final.site-v74 section.council .ribbon,
  body.site-final.site-v74 section.stories .ribbon,
  body.site-final.site-v74 section.expansion .ribbon,
  body.site-final.site-v74 section.blood .ribbon,
  body.site-final.site-v74 section.rewards .ribbon{
    padding:6px 22px;
    font-size:clamp(12px,1.1vw,15px);
  }
}

/* 3. Desktop backgrounds: force only the three requested screens to use horizontal assets. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74 section.expansion .canvas,
  body.site-final.site-v74 section.blood .canvas,
  body.site-final.site-v74 section.rewards .canvas{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
  }
  body.site-final.site-v74 section.expansion .canvas{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final.site-v74 section.blood .canvas{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final.site-v74 section.rewards .canvas{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}

  body.site-final.site-v74 section.expansion .canvas > img.bg,
  body.site-final.site-v74 section.blood .canvas > img.bg,
  body.site-final.site-v74 section.rewards .canvas > img.bg{
    display:none;
    opacity:0;
  }
  body.site-final.site-v74 section.expansion .spread-art{background-image:url('/assets/madboys.screen.06.expansion/16%20-%20ex_backh.webp');}
  body.site-final.site-v74 section.blood .spread-art{background-image:url('/assets/madboys.screen.07.blood/14%20-%20bd_backh.webp');}
  body.site-final.site-v74 section.rewards .spread-art{background-image:url('/assets/madboys.screen.08.rewards/14%20-%20mb_back4h.webp');}
}

/* 4. Desktop Stories central hero: larger, raised, centered; UI remains above it. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74 section.stories .story-hero{
    left:50%;
    top:130px;
    width:auto;
    height:min(650px,72dvh);
    max-height:min(650px,72dvh);
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center top;
    z-index:7;
    pointer-events:none;
  }
  body.site-final.site-v74 section.stories .choice-box,
  body.site-final.site-v74 section.stories blockquote,
  body.site-final.site-v74 section.stories .shift,
  body.site-final.site-v74 section.stories .fate-cards,
  body.site-final.site-v74 section.stories .journey-row,
  body.site-final.site-v74 section.stories .story-facts{
    position:relative;
    z-index:12;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.site-final.site-v74 section.stories .story-hero{
    top:118px;
    height:min(560px,78dvh);
    max-height:min(560px,78dvh);
  }
}

/* 5. Mobile bottom preregistration CTA: text centered inside existing image button. */
@media (max-width:767px) and (orientation:portrait),
       (max-width:0px){
  body.site-final.site-v74 .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    padding:0 clamp(54px,18vw,76px);
    transform:none;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
  }
  body.site-final.site-v74 .global-cta .cta-overlay b,
  body.site-final.site-v74 .global-cta b{
    position:static;
    top:auto;
    left:auto;
    width:100%;
    max-width:100%;
    transform:none;
    display:block;
    margin:0;
    font-size:clamp(13px,4.45vw,18px);
    line-height:.92;
    letter-spacing:-.15px;
    text-align:center;
    white-space:normal;
    overflow-wrap:normal;
  }
}
@media (max-width:0px){
  body.site-final.site-v74 .global-cta .cta-overlay{padding:0 54px;}
  body.site-final.site-v74 .global-cta .cta-overlay b,
  body.site-final.site-v74 .global-cta b{font-size:clamp(11px,2.15vw,14px);line-height:.94;}
}
body.site-final.site-v74.locale-de .global-cta .cta-overlay b,
body.site-final.site-v74.locale-nl .global-cta .cta-overlay b,
body.site-final.site-v74.locale-pl .global-cta .cta-overlay b,
body.site-final.site-v74.locale-uk .global-cta .cta-overlay b,
body.site-final.site-v74.locale-kk .global-cta .cta-overlay b{
  font-size:clamp(11px,4vw,16px);
  letter-spacing:-.22px;
}

/* 6. Mobile Home / Founder Rewards / View Rewards: small optical left shift of label only. */
@media (max-width:767px) and (orientation:portrait){
  body.site-final.site-v74 section.home .view-rewards-button .view-rewards-text{
    transform:translateX(-5px);
    text-align:center;
  }
}

/* Rewards desktop: keep banner exactly above reward cards inside the right safe column. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74 section.rewards .rewards-content{
    --v74-rewards-top:188px;
    --v74-rewards-left:var(--v74-desktop-safe-x);
    --v74-rewards-faq-w:min(526px, calc(var(--v74-desktop-safe-w) * .445));
    --v74-rewards-gap:36px;
    --v74-rewards-right-x:calc(var(--v74-rewards-left) + var(--v74-rewards-faq-w) + var(--v74-rewards-gap));
    --v74-rewards-right-w:calc(var(--v74-desktop-safe-w) - var(--v74-rewards-faq-w) - var(--v74-rewards-gap));
  }
  body.site-final.site-v74 section.rewards .faq-list{
    left:var(--v74-rewards-left);
    right:auto;
    top:var(--v74-rewards-top);
    width:var(--v74-rewards-faq-w);
    max-width:var(--v74-rewards-faq-w);
    margin:0;
    box-sizing:border-box;
  }
  body.site-final.site-v74 section.rewards .explore-link-wrap{
    position:absolute;
    left:var(--v74-rewards-right-x);
    right:auto;
    top:var(--v74-rewards-top);
    width:var(--v74-rewards-right-w);
    height:166px;
    margin:0;
    border-radius:20px;
    overflow:hidden;
    z-index:22;
  }
  body.site-final.site-v74 section.rewards .explore-link-wrap .reward-hero,
  body.site-final.site-v74 section.rewards .reward-hero{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    border-radius:20px;
    margin:0;
  }
  body.site-final.site-v74 section.rewards .reward-grid{
    left:var(--v74-rewards-right-x);
    right:auto;
    top:calc(var(--v74-rewards-top) + 182px);
    width:var(--v74-rewards-right-w);
    margin:0;
  }
  body.site-final.site-v74 section.rewards .benefits-row{
    left:var(--v74-rewards-right-x);
    right:auto;
    top:calc(var(--v74-rewards-top) + 332px);
    width:var(--v74-rewards-right-w);
    margin:0;
  }
}
@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.site-final.site-v74 section.rewards .rewards-content{
    --v74-rewards-top:178px;
    --v74-rewards-faq-w:min(420px,42vw);
    --v74-rewards-gap:26px;
  }
}

/* Preserve localized Home subtitle line break instead of changing localization text. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v74:not(.locale-en) section.home .hero-slogan br{display:initial;}
}
/* ==== END css/site-v74.css ==== */


/* ==== BEGIN css/site-v75.css ==== */
/* ================================
   v75 TARGETED VISUAL POLISH + LOCALIZATION SAFETY PASS
   Scope: Blood descriptions, Stories desktop rollback to v73, header CTA, mobile CTA, mobile popup edge, Rewards right column.
   No global refactor; all overrides are scoped to .site-v75.
   ================================ */

/* Desktop header right controls: show readable localized text over the branding image and raise the group slightly. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v75 .global-topbar .top-actions{
    align-items:center;
    transform:translateY(-5px);
    gap:10px;
  }
  body.site-final.site-v75 .header-prereg-cta{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:154px;
    height:42px;
    flex:0 0 154px;
    padding:0;
    overflow:visible;
  }
  body.site-final.site-v75 .header-prereg-cta .header-prereg-art{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  body.site-final.site-v75 .header-prereg-cta span{
    position:relative;
    z-index:2;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    white-space:normal;
    max-width:112px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font:900 12px/1.02 Arial,sans-serif;
    letter-spacing:.1px;
    color:#5a2b00;
    text-shadow:0 1px 0 rgba(255,255,255,.75);
    pointer-events:none;
  }
  body.site-final.site-v75.locale-de .header-prereg-cta span,
  body.site-final.site-v75.locale-pt .header-prereg-cta span,
  body.site-final.site-v75.locale-nl .header-prereg-cta span,
  body.site-final.site-v75.locale-pl .header-prereg-cta span,
  body.site-final.site-v75.locale-uk .header-prereg-cta span,
  body.site-final.site-v75.locale-kk .header-prereg-cta span,
  body.site-final.site-v75.locale-ar .header-prereg-cta span{font-size:10.4px;line-height:.98;max-width:108px;}
  body.site-final.site-v75.locale-ja .header-prereg-cta span,
  body.site-final.site-v75.locale-ko .header-prereg-cta span,
  body.site-final.site-v75.locale-zh .header-prereg-cta span{font-size:11.2px;}
  body.site-final.site-v75 .global-topbar .round-icon{transform:translateY(0);}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1365px){
  body.site-final.site-v75 .global-topbar .top-actions{gap:8px;transform:translateY(-5px);}
  body.site-final.site-v75 .header-prereg-cta{width:132px;height:37px;flex-basis:132px;}
  body.site-final.site-v75 .header-prereg-cta span{font-size:10px;max-width:94px;}
}

/* Desktop Blood: ensure top process cards contain visible body copy under title. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v75 section.blood .process-row article{
    grid-template-rows:auto auto;
    align-content:center;
    row-gap:4px;
    min-height:118px;
  }
  body.site-final.site-v75 section.blood .process-row article h3{
    margin:0;
    line-height:1.04;
  }
  body.site-final.site-v75 section.blood .process-row article p{
    display:block;
    visibility:visible;
    opacity:1;
    margin:3px 0 0;
    max-height:none;
    overflow:visible;
    font:800 clamp(10px,.72vw,13px)/1.18 Arial,sans-serif;
    color:#4f2441;
  }
}

/* Desktop Stories: restore the stable v73 desktop geometry after v74 over-enlarged the central hero. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v75 section.stories .story-hero{
    left:50%;
    top:190px;
    width:260px;
    height:450px;
    max-height:450px;
    object-fit:contain;
    object-position:center top;
    transform:translateX(-50%);
    z-index:8;
    pointer-events:none;
  }
  body.site-final.site-v75 section.stories .choice-box{
    width:300px;
    height:218px;
    min-height:218px;
    padding:13px 16px 10px;
    overflow:visible;
  }
  body.site-final.site-v75 section.stories .choice-box h4{font-size:13.5px;line-height:1;margin:0 0 8px;}
  body.site-final.site-v75 section.stories .choice-box img{height:44px;margin:0 0 6px;object-fit:contain;object-position:center;}
  body.site-final.site-v75 section.stories .choice-box span{
    min-height:34px;height:34px;margin:-41px 0 8px;padding:0 14px 0 56px;
    display:flex;align-items:center;justify-content:center;text-align:center;font-size:9.6px;line-height:1.04;
  }
  body.site-final.site-v75 section.stories .choice-box .choice-note{font-size:7.8px;line-height:1.12;margin-top:auto;}
}
@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.site-final.site-v75 section.stories .story-hero{top:176px;height:420px;max-height:420px;}
  body.site-final.site-v75 section.stories .choice-box{width:276px;height:204px;min-height:204px;}
  body.site-final.site-v75 section.stories .choice-box img{height:40px;}
  body.site-final.site-v75 section.stories .choice-box span{height:31px;min-height:31px;margin:-38px 0 7px;padding-left:52px;font-size:8.8px;}
}

/* Mobile preregistration: smaller centered two-line label inside the existing yellow asset. */
@media (max-width:767px) and (orientation:portrait),
       (max-width:0px){
  body.site-final.site-v75 .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    padding:0 clamp(62px,20vw,86px);
    display:flex;align-items:center;justify-content:center;
    text-align:center;box-sizing:border-box;
    transform:none;
  }
  body.site-final.site-v75 .global-cta .cta-overlay b,
  body.site-final.site-v75 .global-cta b{
    position:static;
    display:block;
    max-width:100%;
    font-size:clamp(10px,3.25vw,14px);
    line-height:.96;
    letter-spacing:.15px;
    white-space:normal;
    overflow:visible;
    text-align:center;
    overflow-wrap:normal;
  }
}
@media (max-width:380px) and (orientation:portrait){
  body.site-final.site-v75 .global-cta .cta-overlay{padding:0 64px;}
  body.site-final.site-v75 .global-cta .cta-overlay b,
  body.site-final.site-v75 .global-cta b{font-size:10.2px;line-height:.95;}
}
body.site-final.site-v75.locale-de .global-cta .cta-overlay b,
body.site-final.site-v75.locale-nl .global-cta .cta-overlay b,
body.site-final.site-v75.locale-pl .global-cta .cta-overlay b,
body.site-final.site-v75.locale-uk .global-cta .cta-overlay b,
body.site-final.site-v75.locale-kk .global-cta .cta-overlay b,
body.site-final.site-v75.locale-ar .global-cta .cta-overlay b{font-size:clamp(9px,2.85vw,12px);line-height:.95;}

/* Mobile lazy popup: remove the broad white gutter next to the scrollbar while keeping scroll working. */
@media (max-width:767px), (max-width:0px){
  body.site-final.site-v75 .usp-shell{
    background:linear-gradient(180deg,#fffef9 0%,#fff7eb 52%,#ffffff 100%);
  }
  body.site-final.site-v75 .usp-panel{background:transparent;}
  body.site-final.site-v75 .usp-panel .usp-scroll,
  body.site-final.site-v75 .usp-scroll{
    padding-right:10px;
    scrollbar-gutter:auto;
    background:transparent;
  }
  body.site-final.site-v75 .usp-header{padding-right:42px;}
}

/* Desktop Rewards: give the right column more height and breathing room to stop card text clipping. */
@media (min-aspect-ratio:1.001/1){
  body.site-final.site-v75 section.rewards .rewards-content{
    --v75-rewards-top:182px;
    --v75-rewards-left:var(--v74-rewards-left, var(--v74-desktop-safe-x));
    --v75-rewards-faq-w:var(--v74-rewards-faq-w, min(526px, calc(var(--v74-desktop-safe-w) * .445)));
    --v75-rewards-gap:var(--v74-rewards-gap, 36px);
    --v75-rewards-right-x:calc(var(--v75-rewards-left) + var(--v75-rewards-faq-w) + var(--v75-rewards-gap));
    --v75-rewards-right-w:calc(var(--v74-desktop-safe-w) - var(--v75-rewards-faq-w) - var(--v75-rewards-gap));
  }
  body.site-final.site-v75 section.rewards .explore-link-wrap{
    left:var(--v75-rewards-right-x);
    top:var(--v75-rewards-top);
    width:var(--v75-rewards-right-w);
    height:172px;
  }
  body.site-final.site-v75 section.rewards .reward-grid{
    left:var(--v75-rewards-right-x);
    top:calc(var(--v75-rewards-top) + 190px);
    width:var(--v75-rewards-right-w);
    min-height:132px;
    align-items:stretch;
  }
  body.site-final.site-v75 section.rewards .reward-grid article{
    min-height:132px;
    padding-top:14px;
    padding-bottom:13px;
    overflow:visible;
  }
  body.site-final.site-v75 section.rewards .reward-grid article p{
    display:block;
    overflow:visible;
    max-height:none;
    line-height:1.12;
  }
  body.site-final.site-v75 section.rewards .benefits-row{
    left:var(--v75-rewards-right-x);
    top:calc(var(--v75-rewards-top) + 348px);
    width:var(--v75-rewards-right-w);
    min-height:118px;
    padding-top:14px;
    padding-bottom:14px;
    align-items:center;
  }
  body.site-final.site-v75 section.rewards .benefits-row span{min-height:78px;align-items:center;}
}
@media (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.site-final.site-v75 section.rewards .rewards-content{--v75-rewards-top:176px;}
  body.site-final.site-v75 section.rewards .explore-link-wrap{height:154px;}
  body.site-final.site-v75 section.rewards .reward-grid{top:calc(var(--v75-rewards-top) + 168px);min-height:116px;}
  body.site-final.site-v75 section.rewards .reward-grid article{min-height:116px;padding-top:10px;padding-bottom:10px;}
  body.site-final.site-v75 section.rewards .benefits-row{top:calc(var(--v75-rewards-top) + 306px);min-height:100px;padding-top:10px;padding-bottom:10px;}
}
/* ==== END css/site-v75.css ==== */


/* ==== BEGIN css/site-v76.css ==== */
/* ================================
   v76 RESPONSIVE SIMPLIFICATION — TWO-LAYOUT SYSTEM, FIXED PASS
   Source baseline: v75. Do not alter mobile portrait or wide desktop.

   Family contract:
   - width <= height  => vertical-family (mobile portrait composition)
   - width > height   => horizontal-family (desktop composition)

   This file intentionally does NOT restyle the baseline breakpoints.
   It only labels the final contract and adds tiny safe fit guards for non-baseline cases.
   ================================ */

/* Contract variables only: no visual change. */
body.site-final.site-v76{--v76-responsive-contract:"vertical<=square horizontal>square";}

/* Vertical family: tablet portrait + square may use wider mobile safe-area, but phone portrait baseline remains unchanged. */
@media (max-aspect-ratio:1/1) and (min-width:768px){
  body.site-final.site-v76 .canvas,
  body.site-final.site-v76 .global-topbar,
  body.site-final.site-v76 .global-cta{
    max-width:min(720px, calc(100vw - 48px));
  }
  body.site-final.site-v76 .content{
    left:clamp(18px,4vw,40px);
    right:clamp(18px,4vw,40px);
  }
}

/* Horizontal family: small landscape uses desktop family; only scale/gap fit guards are allowed here. */
@media (min-aspect-ratio:1.001/1) and (max-width:1180px){
  body.site-final.site-v76{--v76-h-fit:clamp(.54, calc(100vw / 1180), .92);} 
  body.site-final.site-v76 .global-topbar{height:clamp(44px,7.2vh,56px);padding-left:clamp(12px,3vw,34px);padding-right:clamp(12px,3vw,34px);}
  body.site-final.site-v76 .desktop-nav{gap:clamp(8px,2.2vw,24px);}
  body.site-final.site-v76 .desktop-nav a{font-size:clamp(8px,1.45vw,13px);}
  body.site-final.site-v76 .global-topbar .brandmark{transform-origin:left center;transform:scale(clamp(.56, calc(100vw / 1180), 1));}
  body.site-final.site-v76 .global-topbar .top-actions{transform-origin:right center;transform:scale(clamp(.62, calc(100vw / 1180), 1));}
  body.site-final.site-v76 .title-logo{max-height:clamp(42px,12vh,82px);}
  body.site-final.site-v76 .ribbon{font-size:clamp(8px,1.45vw,14px);padding-top:clamp(3px,.8vh,7px);padding-bottom:clamp(3px,.8vh,7px);}
}

/* Keep the two manual baselines untouched: no rules for phone portrait <=767 and no rules for wide desktop >=1181 here. */
/* ==== END css/site-v76.css ==== */


/* ==== BEGIN css/site-v77.css ==== */
/* ================================
   v77 FINAL VISUAL POLISH — targeted fixes only
   Based on v76 fixed. No localization/content/static/popup text changes.
   Scope: Stories horizontal/tablet-square, tablet-square header controls,
          vertical bottom prereg CTA, mobile landscape header simplification,
          compact desktop duplicate CTA guard, horizontal background fade.
   ================================ */

/* Shared preregistration quality guard: keep image buttons proportional and text readable. */
body.site-final.site-v77 .header-prereg-cta,
body.site-final.site-v77 .global-cta{
  text-decoration:none;
}

/* 1 + 7. Horizontal-family background fade, and Stories horizontal-family polish. */
@media (min-aspect-ratio:1.001/1){
  /* Soft lower fade over horizontal backgrounds, below UI. */
  body.site-final.site-v77 .screen .canvas::after{
    content:"";
    display:block;
    position:absolute;
    left:0;right:0;bottom:0;top:48%;
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.28) 46%, rgba(255,255,255,.70) 100%);
    z-index:2;
    pointer-events:none;
  }
  body.site-final.site-v77 .screen .content{z-index:5;}

  /* STORIES: art behind UI, top-aligned UI pair, larger fate cards. */
  body.site-final.site-v77 section.stories .story-stage{
    position:absolute;
    inset:0;
    width:100%;height:100%;min-height:0;margin:0;
    pointer-events:none;
    z-index:6;
  }
  body.site-final.site-v77 section.stories .story-hero{
    position:absolute;
    left:50%;
    top:clamp(96px, 12.5vh, 132px);
    width:auto;
    height:clamp(560px, 66vh, 700px);
    max-height:calc(100vh - 168px);
    object-fit:contain;
    object-position:center top;
    transform:translateX(-50%);
    z-index:3;
    pointer-events:none;
    filter:drop-shadow(0 18px 18px rgba(0,28,90,.24));
  }
  body.site-final.site-v77 section.stories .choice-box,
  body.site-final.site-v77 section.stories blockquote,
  body.site-final.site-v77 section.stories .shift,
  body.site-final.site-v77 section.stories .fate-cards{
    pointer-events:auto;
    z-index:20;
  }
  body.site-final.site-v77 section.stories .choice-box{
    left:clamp(48px, 5vw, 92px);
    top:clamp(150px, 18vh, 176px);
    width:clamp(276px, 18.5vw, 320px);
    height:clamp(220px, 25vh, 258px);
    min-height:0;
    padding:clamp(18px, 2.4vh, 26px) clamp(18px, 1.75vw, 26px) clamp(12px, 1.6vh, 18px);
    overflow:hidden;
  }
  body.site-final.site-v77 section.stories .choice-box h4{font-size:clamp(13px, .95vw, 17px);margin:0 0 clamp(10px,1.4vh,16px);}
  body.site-final.site-v77 section.stories .choice-box img{height:clamp(42px, 5.8vh, 58px);margin:clamp(4px,.8vh,7px) 0;object-fit:contain;}
  body.site-final.site-v77 section.stories .choice-box span{
    height:clamp(30px, 4.2vh, 43px);
    min-height:0;
    margin:calc(clamp(42px, 5.8vh, 58px) * -1 + 4px) 0 clamp(6px,1vh,11px);
    padding:0 12px 0 clamp(48px, 4vw, 62px);
    display:flex;align-items:center;justify-content:center;
    text-align:center;
    font-size:clamp(8.5px, .72vw, 12px);
    line-height:1.03;
  }
  body.site-final.site-v77 section.stories .choice-note{font-size:clamp(7px,.55vw,9px);line-height:1.12;margin-top:clamp(2px,.6vh,7px);}

  body.site-final.site-v77 section.stories blockquote{
    left:auto;
    right:clamp(48px, 5vw, 92px);
    top:clamp(150px, 18vh, 176px);
    width:clamp(300px, 21vw, 370px);
    height:clamp(138px, 16vh, 168px);
    margin:0;
    padding:clamp(22px, 2.7vh, 32px) clamp(24px, 2vw, 34px) clamp(44px, 6vh, 64px);
    font-size:clamp(15px, 1.15vw, 20px);
    line-height:1.18;
  }
  body.site-final.site-v77 section.stories blockquote img{width:clamp(52px, 4.2vw, 70px);height:clamp(52px, 4.2vw, 70px);right:18px;bottom:14px;}
  body.site-final.site-v77 section.stories blockquote small{font-size:clamp(11px,.75vw,14px);}

  body.site-final.site-v77 section.stories .shift{
    position:absolute;
    left:50%;
    top:clamp(388px, 45vh, 455px);
    width:clamp(500px, 37vw, 650px);
    height:clamp(88px, 11vh, 116px);
    min-height:0;
    transform:translateX(-50%);
    margin:0;
    padding:clamp(12px,1.7vh,18px) clamp(28px,2.8vw,44px);
    border-radius:clamp(18px,2vw,26px);
  }
  body.site-final.site-v77 section.stories .shift h4{font-size:clamp(14px,1.05vw,20px);margin:0 0 clamp(8px,1.2vh,13px);}
  body.site-final.site-v77 section.stories .shift img{height:clamp(32px,4.2vh,48px);margin:0 auto clamp(6px,.9vh,12px);width:88%;object-fit:contain;}
  body.site-final.site-v77 section.stories .shift div{font-size:clamp(12px,.9vw,17px);}

  /* The days/journey row is not part of the horizontal Stories composition; fate cards use that space. */
  body.site-final.site-v77 section.stories .section-kicker,
  body.site-final.site-v77 section.stories .journey-row{display:none;}

  body.site-final.site-v77 section.stories .fate-cards{
    position:absolute;
    left:50%;right:auto;
    top:auto;
    bottom:clamp(70px, 9vh, 112px);
    transform:translateX(-50%);
    width:clamp(720px, 58vw, 940px);
    height:clamp(168px, 22vh, 232px);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:clamp(12px, 1.1vw, 18px);
    margin:0;
  }
  body.site-final.site-v77 section.stories .fate-cards article{
    height:100%;
    min-height:0;
    border-radius:clamp(16px,1.4vw,24px);
    overflow:hidden;
    background:#0d1f54;
    box-shadow:0 12px 24px rgba(2,10,40,.20);
  }
  body.site-final.site-v77 section.stories .fate-cards img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;
    object-position:center 30%;
    filter:none;
  }
  body.site-final.site-v77 section.stories .fate-cards h3{
    position:absolute;
    left:6px;right:6px;bottom:clamp(34px,4.2vh,48px);
    margin:0;
    font-size:clamp(11px,.85vw,15px);
    line-height:1.02;
  }
  body.site-final.site-v77 section.stories .fate-cards p{
    position:absolute;
    left:8px;right:8px;bottom:clamp(10px,1.8vh,16px);
    margin:0;
    font-size:clamp(8px,.65vw,11px);
    line-height:1.08;
  }
}

/* Horizontal fit guard only: keep duplicate/global CTA away from the header in compact desktop. */
@media (min-aspect-ratio:1.001/1) and (max-width:1280px){
  body.site-final.site-v77 .global-cta,
  body.site-final.site-v77[data-current="home"] .global-cta,
  body.site-final.site-v77[data-current="missions"] .global-cta,
  body.site-final.site-v77[data-current="builds"] .global-cta,
  body.site-final.site-v77[data-current="council"] .global-cta,
  body.site-final.site-v77[data-current="stories"] .global-cta,
  body.site-final.site-v77[data-current="expansion"] .global-cta,
  body.site-final.site-v77[data-current="blood"] .global-cta,
  body.site-final.site-v77[data-current="rewards"] .global-cta{
    top:auto;
    left:50%;right:auto;bottom:clamp(8px,2vh,18px);
    transform:translateX(-50%);
    width:min(420px, 42vw);
    height:auto;
    aspect-ratio:1198/242;
  }
  body.site-final.site-v77 .global-cta .cta-bg-img{object-fit:contain;}
  body.site-final.site-v77 .global-cta .cta-overlay b{font-size:clamp(13px,2.2vw,20px);white-space:normal;line-height:.96;}
}

/* 5. Mobile landscape header simplification: logo + prereg + gift + burger only. */
@media (min-aspect-ratio:1.001/1) and (max-width:932px){
  body.site-final.site-v77 .global-topbar{
    width:calc(100vw - 16px);
    left:8px;right:8px;transform:none;
    height:clamp(44px, 12vh, 52px);
    padding:0 clamp(8px,2vw,14px);
  }
  body.site-final.site-v77 .desktop-nav{display:none;}
  body.site-final.site-v77 .global-topbar .top-actions{
    margin-left:auto;
    transform:none;
    gap:clamp(6px,1.6vw,10px);
  }
  body.site-final.site-v77 .header-prereg-cta{
    width:clamp(112px, 22vw, 146px);
    height:auto;
    aspect-ratio:435/117;
    flex:0 0 auto;
  }
  body.site-final.site-v77 .header-prereg-cta span{font-size:clamp(8px,1.7vw,11px);max-width:76%;}
  body.site-final.site-v77 .global-topbar .round-icon{width:clamp(32px,8vh,42px);height:clamp(32px,8vh,42px);}
}

/* 3. Tablet-square header controls: align right controls to the white header rail. */
@media (max-aspect-ratio:1/1) and (min-width:900px){
  body.site-final.site-v77 .global-topbar .top-actions{
    align-items:center;
    transform:translateY(-5px);
  }
  body.site-final.site-v77 .global-topbar .round-icon{transform:none;}
  body.site-final.site-v77 .header-prereg-cta{
    align-self:center;
    transform:translateY(-1px);
  }
}

/* 2. Stories tablet-square: same logic as horizontal, carefully fitted to square proportion. */
@media (max-aspect-ratio:1/1) and (min-width:900px) and (max-width:1180px){
  body.site-final.site-v77 section.stories .story-stage{
    position:absolute;
    inset:0;
    width:100%;height:100%;min-height:0;margin:0;
    pointer-events:none;
    z-index:6;
  }
  body.site-final.site-v77 section.stories .story-hero{
    position:absolute;
    left:50%;
    top:126px;
    width:auto;
    height:min(56vh, 560px);
    max-height:calc(100vh - 250px);
    object-fit:contain;
    object-position:center top;
    transform:translateX(-50%);
    z-index:3;
    pointer-events:none;
  }
  body.site-final.site-v77 section.stories .choice-box,
  body.site-final.site-v77 section.stories blockquote,
  body.site-final.site-v77 section.stories .shift,
  body.site-final.site-v77 section.stories .fate-cards{
    pointer-events:auto;
    z-index:20;
  }
  body.site-final.site-v77 section.stories .choice-box{
    left:clamp(30px, 5vw, 54px);
    top:148px;
    width:clamp(260px, 30vw, 315px);
    height:230px;
    padding:18px 20px 12px;
    overflow:hidden;
  }
  body.site-final.site-v77 section.stories blockquote{
    left:auto;right:clamp(30px, 5vw, 54px);
    top:148px;
    width:clamp(260px, 30vw, 315px);
    height:142px;
    padding:22px 22px 44px;
    font-size:clamp(13px,1.8vw,18px);
  }
  body.site-final.site-v77 section.stories .shift{
    position:absolute;
    left:50%;top:380px;transform:translateX(-50%);
    width:min(620px, 66vw);
    height:96px;min-height:0;
    padding:12px 34px;
    margin:0;
  }
  body.site-final.site-v77 section.stories .shift img{height:36px;object-fit:contain;}
  body.site-final.site-v77 section.stories .section-kicker,
  body.site-final.site-v77 section.stories .journey-row{display:none;}
  body.site-final.site-v77 section.stories .fate-cards{
    position:absolute;
    left:50%;right:auto;top:auto;bottom:105px;transform:translateX(-50%);
    width:min(820px, 86vw);
    height:190px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
    margin:0;
  }
  body.site-final.site-v77 section.stories .fate-cards article{height:100%;min-height:0;border-radius:18px;overflow:hidden;}
  body.site-final.site-v77 section.stories .fate-cards img{height:100%;object-fit:cover;object-position:center 30%;}
  body.site-final.site-v77 section.stories .fate-cards h3{font-size:11px;margin:0;position:absolute;left:6px;right:6px;bottom:36px;}
  body.site-final.site-v77 section.stories .fate-cards p{font-size:8.5px;line-height:1.06;margin:0;position:absolute;left:8px;right:8px;bottom:12px;}
}

/* 4 + 8. Vertical-family bottom preregistration button: preserve asset aspect ratio, fit text instead. */
@media (max-aspect-ratio:1/1){
  body.site-final.site-v77 .global-cta,
  body.site-final.site-v77[data-current="home"] .global-cta,
  body.site-final.site-v77[data-current="missions"] .global-cta,
  body.site-final.site-v77[data-current="builds"] .global-cta,
  body.site-final.site-v77[data-current="council"] .global-cta,
  body.site-final.site-v77[data-current="stories"] .global-cta,
  body.site-final.site-v77[data-current="expansion"] .global-cta,
  body.site-final.site-v77[data-current="blood"] .global-cta,
  body.site-final.site-v77[data-current="rewards"] .global-cta{
    position:fixed;
    left:50%;right:auto;
    bottom:max(10px, env(safe-area-inset-bottom));
    top:auto;
    transform:translateX(-50%);
    width:min(calc(100vw - 30px), 400px);
    height:auto;
    aspect-ratio:1198/242;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    display:block;
  }
  body.site-final.site-v77 .global-cta::before{display:none;}
  body.site-final.site-v77 .global-cta .cta-bg-img{
    display:block;
    position:absolute;
    inset:0;
    width:100%;height:100%;
    object-fit:contain;
    object-position:center;
  }
  body.site-final.site-v77 .global-cta .cta-overlay{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    max-width:none;
    left:auto;right:auto;top:auto;
    transform:none;
    padding:0 21%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    pointer-events:none;
  }
  body.site-final.site-v77 .global-cta .cta-overlay b,
  body.site-final.site-v77 .global-cta b{
    display:block;
    width:100%;
    margin:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    text-align:center;
    font-size:clamp(10.5px, 3.25vw, 15px);
    line-height:.96;
    letter-spacing:.05px;
    color:#09286b;
    text-shadow:0 1px 0 rgba(255,255,255,.78);
    word-break:normal;
    overflow-wrap:normal;
  }
  body.site-final.site-v77.locale-de .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-fr .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-it .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-nl .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-pl .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-pt .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-uk .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-kk .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-ar .global-cta .cta-overlay b{
    font-size:clamp(9.2px, 2.8vw, 13px);
    line-height:.94;
    letter-spacing:-.12px;
  }
  body.site-final.site-v77.locale-ja .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-ko .global-cta .cta-overlay b,
  body.site-final.site-v77.locale-zh .global-cta .cta-overlay b{
    font-size:clamp(10px, 3vw, 14px);
    line-height:1.02;
  }
}

@media (max-aspect-ratio:1/1) and (min-width:768px){
  body.site-final.site-v77 .global-cta,
  body.site-final.site-v77[data-current="home"] .global-cta,
  body.site-final.site-v77[data-current="missions"] .global-cta,
  body.site-final.site-v77[data-current="builds"] .global-cta,
  body.site-final.site-v77[data-current="council"] .global-cta,
  body.site-final.site-v77[data-current="stories"] .global-cta,
  body.site-final.site-v77[data-current="expansion"] .global-cta,
  body.site-final.site-v77[data-current="blood"] .global-cta,
  body.site-final.site-v77[data-current="rewards"] .global-cta{
    width:min(520px, calc(100vw - 72px));
  }
  body.site-final.site-v77 .global-cta .cta-overlay b{font-size:clamp(13px, 2.15vw, 18px);}
}
/* ==== END css/site-v77.css ==== */


/* ==== BEGIN css/site-v77-fix.css ==== */
/* ================================
   v77 FIX — targeted corrections only
   Scope: duplicate prereg CTA, tablet portrait CTA text centering, Stories desktop geometry.
   No content/localization/static/popup changes.
   ================================ */

/* 1) Header prereg vs bottom prereg contract.
   If horizontal-family has the header preregistration button, do not show the bottom/global duplicate. */
@media (min-aspect-ratio: 1.001/1) {
  body.site-final.site-v77.site-v77-fix .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="home"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="missions"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="builds"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="council"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="stories"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="expansion"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="blood"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="rewards"] .global-cta {
    display: none;
  }

  body.site-final.site-v77.site-v77-fix .header-prereg-cta {
    display: flex;
  }
}

/* 2) Tablet portrait / vertical-family CTA text: use the same centered logic as mobile portrait,
   but keep the asset proportionally scaled and avoid the over-wide tablet button stretch. */
@media (max-aspect-ratio: 1/1) and (min-width: 768px) {
  body.site-final.site-v77.site-v77-fix .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="home"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="missions"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="builds"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="council"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="stories"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="expansion"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="blood"] .global-cta,
  body.site-final.site-v77.site-v77-fix[data-current="rewards"] .global-cta {
    width: min(480px, calc(100vw - 80px));
    height: auto;
    aspect-ratio: 1198 / 242;
  }

  body.site-final.site-v77.site-v77-fix .global-cta .cta-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    padding: 0 22%;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  body.site-final.site-v77.site-v77-fix .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix .global-cta b {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    white-space: normal;
    font-size: clamp(12px, 1.85vw, 15.5px);
    line-height: .96;
    letter-spacing: 0;
  }

  body.site-final.site-v77.site-v77-fix.locale-de .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-fr .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-it .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-nl .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-pl .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-pt .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-uk .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-kk .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-ar .global-cta .cta-overlay b {
    font-size: clamp(10.5px, 1.62vw, 14px);
    line-height: .94;
    letter-spacing: -.08px;
  }

  body.site-final.site-v77.site-v77-fix.locale-ja .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-ko .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.locale-zh .global-cta .cta-overlay b {
    font-size: clamp(11.2px, 1.75vw, 14.5px);
    line-height: 1.02;
  }
}

/* 3) Stories / desktop-horizontal: pull back the v77 art/UI experiment toward the stable v75/v73 geometry.
   Hero remains behind UI; choice card and review card return to a calmer safe-area alignment. */
@media (min-aspect-ratio: 1.001/1) {
  body.site-final.site-v77.site-v77-fix section.stories .story-stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    pointer-events: none;
    z-index: 6;
  }

  body.site-final.site-v77.site-v77-fix section.stories .story-hero {
    position: absolute;
    left: 50%;
    top: clamp(164px, 18vh, 190px);
    height: clamp(420px, 50vh, 520px);
    max-height: calc(100vh - 220px);
    width: auto;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
    filter: drop-shadow(0 16px 18px rgba(0,28,90,.22));
  }

  body.site-final.site-v77.site-v77-fix section.stories .choice-box {
    left: clamp(54px, 5vw, 92px);
    top: clamp(178px, 21vh, 205px);
    width: clamp(276px, 19vw, 320px);
    height: clamp(204px, 24vh, 230px);
    min-height: 0;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden;
  }

  body.site-final.site-v77.site-v77-fix section.stories blockquote {
    left: auto;
    right: clamp(54px, 5vw, 92px);
    top: clamp(178px, 21vh, 205px);
    width: clamp(300px, 21vw, 370px);
    height: clamp(138px, 16vh, 168px);
    margin: 0;
    z-index: 20;
    pointer-events: auto;
  }

  body.site-final.site-v77.site-v77-fix section.stories .shift,
  body.site-final.site-v77.site-v77-fix section.stories .fate-cards {
    z-index: 20;
    pointer-events: auto;
  }
}
/* ==== END css/site-v77-fix.css ==== */


/* ==== BEGIN css/site-v78.css ==== */
/* ================================
   v78 TARGETED CASCADE REPAIR + FINAL VISUAL FIXES
   Scope: Stories geometry (tablet-square + horizontal), mobile-landscape header alignment,
          tablet-square header alignment, tablet-portrait bottom CTA text-fit.
   No localization/content/static/popup/asset changes.
   ================================ */

/* Audit note:
   Earlier active layers that affect these fixes:
   - site-v77: Stories art/UI absolute experiment, mobile-landscape header simplification, tablet-square header controls.
   - site-v77-fix: horizontal global-CTA hiding, tablet portrait CTA centering, desktop Stories rollback.
   This file is loaded last and uses a stronger site-v78 scoped selector instead of editing older layers.
*/

/* 1) STORIES — final geometry for horizontal family.
   Neutralizes only the older Stories absolute offsets and re-establishes one stable center art layer. */
@media (min-aspect-ratio: 1.001/1) {
  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .story-stage {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    transform: none;
    pointer-events: none;
    z-index: 6;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .story-hero {
    position: absolute;
    left: 50%;
    right: auto;
    top: clamp(164px, 18vh, 190px);
    bottom: auto;
    width: auto;
    height: clamp(420px, 50vh, 520px);
    max-height: calc(100vh - 220px);
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
    filter: drop-shadow(0 16px 18px rgba(0,28,90,.22));
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .choice-box {
    position: absolute;
    left: clamp(54px, 5vw, 92px);
    right: auto;
    top: clamp(178px, 21vh, 205px);
    bottom: auto;
    width: clamp(276px, 19vw, 320px);
    height: clamp(204px, 24vh, 230px);
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories blockquote {
    position: absolute;
    left: auto;
    right: clamp(54px, 5vw, 92px);
    top: clamp(178px, 21vh, 205px);
    bottom: auto;
    width: clamp(300px, 21vw, 370px);
    height: clamp(138px, 16vh, 168px);
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .shift,
  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .fate-cards {
    z-index: 20;
    pointer-events: auto;
  }
}

/* 2) STORIES — tablet-square uses the same visual logic, without becoming a separate third design.
   Applies only to square/tablet-square, not phone portrait. */
@media (max-aspect-ratio: 1/1) and (min-width: 900px) and (max-width: 1180px) {
  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .story-stage {
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    transform: none;
    pointer-events: none;
    z-index: 6;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .story-hero {
    position: absolute;
    left: 50%;
    right: auto;
    top: clamp(150px, 17vh, 182px);
    bottom: auto;
    width: auto;
    height: min(52vh, 520px);
    max-height: calc(100vh - 250px);
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
    filter: drop-shadow(0 16px 18px rgba(0,28,90,.20));
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories .choice-box {
    position: absolute;
    left: clamp(36px, 4.6vw, 56px);
    right: auto;
    top: clamp(174px, 18vh, 195px);
    bottom: auto;
    width: clamp(260px, 29vw, 315px);
    height: 220px;
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 section.stories blockquote {
    position: absolute;
    left: auto;
    right: clamp(36px, 4.6vw, 56px);
    top: clamp(174px, 18vh, 195px);
    bottom: auto;
    width: clamp(260px, 29vw, 315px);
    height: 142px;
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }
}

/* 3) MOBILE LANDSCAPE HEADER — raise the right group to the center of the white header rail.
   Keeps v77 logic: logo + prereg + gift + burger, no screen tabs. */
@media (min-aspect-ratio: 1.001/1) and (max-width: 932px) {
  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .top-actions {
    align-items: center;
    transform: translateY(-4px);
  }

  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .header-prereg-cta,
  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .round-icon {
    align-self: center;
  }
}

/* 4) TABLET PORTRAIT BOTTOM CTA — text-fit only, no button deformation. */
@media (max-aspect-ratio: 1/1) and (min-width: 768px) and (max-width: 899px) {
  body.site-final.site-v77.site-v77-fix.site-v78 .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="home"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="missions"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="builds"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="council"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="stories"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="expansion"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="blood"] .global-cta,
  body.site-final.site-v77.site-v77-fix.site-v78[data-current="rewards"] .global-cta {
    width: min(460px, calc(100vw - 112px));
    height: auto;
    aspect-ratio: 1198 / 242;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 .global-cta .cta-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    padding: 0 24%;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  body.site-final.site-v77.site-v77-fix.site-v78 .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78 .global-cta b {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    white-space: normal;
    font-size: clamp(10.8px, 1.42vw, 13.2px);
    line-height: .92;
    letter-spacing: -.05px;
  }

  body.site-final.site-v77.site-v77-fix.site-v78.locale-de .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-fr .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-it .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-nl .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-pl .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-pt .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-uk .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-kk .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-ar .global-cta .cta-overlay b {
    font-size: clamp(9.8px, 1.24vw, 12px);
    line-height: .9;
    letter-spacing: -.12px;
  }

  body.site-final.site-v77.site-v77-fix.site-v78.locale-ja .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-ko .global-cta .cta-overlay b,
  body.site-final.site-v77.site-v77-fix.site-v78.locale-zh .global-cta .cta-overlay b {
    font-size: clamp(10.4px, 1.32vw, 12.6px);
    line-height: 1;
  }
}

/* 5) TABLET-SQUARE HEADER — align right controls to the centerline of the white header rail. */
@media (max-aspect-ratio: 1/1) and (min-width: 900px) and (max-width: 1180px) {
  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .top-actions {
    align-items: center;
    transform: translateY(-8px);
  }

  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .header-prereg-cta,
  body.site-final.site-v77.site-v77-fix.site-v78 .global-topbar .round-icon {
    align-self: center;
  }
}
/* ==== END css/site-v78.css ==== */


/* ==== BEGIN css/site-v79.css ==== */
/* ================================
   v79 FINAL TARGETED VISUAL POLISH
   Scope only: Stories trio geometry, header right-group alignment/collapse,
   tablet portrait CTA text-fit, vertical lazy-popup padding, region-popup glass copy.
   Loaded after site-v78.css. No localization/content/static/asset changes.
   ================================ */

/* 1) STORIES — horizontal-family: move the trio right, keep hero size, keep UI above art. */
@media (min-aspect-ratio: 1.001/1) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .story-stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
    pointer-events: none;
    z-index: 6;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .story-hero {
    position: absolute;
    left: calc(50% + clamp(18px, 2.25vw, 44px));
    right: auto;
    top: clamp(164px, 18vh, 190px);
    bottom: auto;
    width: auto;
    height: clamp(420px, 50vh, 520px);
    max-height: calc(100vh - 220px);
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .choice-box {
    position: absolute;
    left: clamp(90px, 7vw, 152px);
    right: auto;
    top: clamp(178px, 21vh, 205px);
    bottom: auto;
    width: clamp(276px, 19vw, 320px);
    height: clamp(204px, 24vh, 230px);
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories blockquote {
    position: absolute;
    left: auto;
    right: clamp(18px, 2.45vw, 50px);
    top: clamp(178px, 21vh, 205px);
    bottom: auto;
    width: clamp(300px, 21vw, 370px);
    height: clamp(138px, 16vh, 168px);
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }
}

/* 2) STORIES — tablet-square: same composition logic, gently shifted right and kept inside safe-area. */
@media (max-aspect-ratio: 1/1) and (min-width: 900px) and (max-width: 1180px) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .story-stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
    pointer-events: none;
    z-index: 6;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .story-hero {
    position: absolute;
    left: calc(50% + clamp(18px, 3vw, 34px));
    right: auto;
    top: clamp(150px, 17vh, 182px);
    bottom: auto;
    width: auto;
    height: min(52vh, 520px);
    max-height: calc(100vh - 250px);
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories .choice-box {
    position: absolute;
    left: clamp(68px, 7vw, 90px);
    right: auto;
    top: clamp(174px, 18vh, 195px);
    bottom: auto;
    width: clamp(260px, 29vw, 315px);
    height: 220px;
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 section.stories blockquote {
    position: absolute;
    left: auto;
    right: clamp(18px, 3vw, 34px);
    top: clamp(174px, 18vh, 195px);
    bottom: auto;
    width: clamp(260px, 29vw, 315px);
    height: 142px;
    min-height: 0;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }
}

/* 3) HEADER — where the white topbar exists, keep right controls attached to its centerline. */
@media (min-aspect-ratio: 1.001/1), (max-aspect-ratio: 1/1) and (min-width: 900px) and (max-width: 1180px) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar {
    display: flex;
    align-items: center;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .top-actions {
    position: absolute;
    top: 50%;
    right: clamp(10px, 1.45vw, 24px);
    left: auto;
    bottom: auto;
    height: auto;
    margin: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(7px, .8vw, 10px);
    z-index: 205;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .header-prereg-cta,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .round-icon {
    align-self: center;
    flex: 0 0 auto;
  }
}

/* 4) HEADER — below 1040px keep only logo + prereg + gift + burger in the white rail. */
@media (max-width: 1039px) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .desktop-nav,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .header-context-pill {
    display: none;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar {
    justify-content: space-between;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-topbar .brandmark {
    flex: 0 0 auto;
  }
}

/* 5) HEADER MENU — keep the wide-desktop icon/text scale as the desktop default. */
@media (min-aspect-ratio: 1.001/1) and (min-width: 1040px) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a.active,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a:hover {
    font-size: 10px;
    line-height: 1;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a::before,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a.active::before,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .desktop-nav a:hover::before {
    width: 24px;
    height: 24px;
  }
}

/* 6) TABLET PORTRAIT — shift the bottom prereg text slightly left while preserving the asset. */
@media (max-aspect-ratio: 1/1) and (min-width: 768px) and (max-width: 899px) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-cta .cta-overlay {
    transform: translateX(-8px);
    padding-left: 22%;
    padding-right: 26%;
  }

  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .global-cta b {
    text-align: center;
  }
}

/* 7) VERTICAL LAZY POPUPS — equalize inner content gutters without changing content or structure. */
@media (max-aspect-ratio: 1/1) {
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .lazy-popup .usp-panel .usp-scroll,
  body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .lazy-popup .usp-scroll {
    padding-left: clamp(22px, 5vw, 44px);
    padding-right: clamp(22px, 5vw, 44px);
    scrollbar-gutter: stable both-edges;
  }
}

/* 8) REGION POPUPS — make the lower text block a light glass overlay over the image. */
body.madboys-site.site-final.site-v77.site-v77-fix.site-v78.site-v79 .region-modal .region-copy {
  background: rgba(255, 255, 255, .66);
  backdrop-filter: blur(12px) saturate(1.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
  border: 1px solid rgba(255, 255, 255, .64);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(15, 40, 96, .14), inset 0 1px 0 rgba(255,255,255,.72);
}
/* ==== END css/site-v79.css ==== */


/* ==== BEGIN css/site-v80-stage-scaling.css ==== */
/* ================================
   v80 PROPORTIONAL SAFE-AREA STAGE SCALING
   Goal: use extra content-safe-area height proportionally without changing the two baselines.
   Loaded last. Scope only: body.site-final.site-v80.

   Baselines protected:
   - vertical baseline phone portrait <= 767px: no v80 layout changes.
   - horizontal compact desktop up to 1600x900-ish: no v80 layout changes.

   v80 uses stage variables and per-screen module variables. No text/content/assets/localization changes.
   ================================ */

body.site-final.site-v80 {
  --stage-scale-x: 1;
  --stage-scale-y: 1;
  --stage-scale: 1;
  --stage-gap-scale: 1;
  --stage-art-scale: 1;
  --stage-text-scale: 1;
  --stage-icon-scale: 1;
  --stage-base-w-vertical: 430px;
  --stage-base-h-vertical: 844px;
  --stage-base-w-horizontal: 1366px;
  --stage-base-h-horizontal: 768px;
}

/* Per-screen variable contract. Values are intentionally conservative so that v79 baselines stay intact. */
body.site-final.site-v80 .screen.home {
  --stage-v-art-scale: 1.08;
  --stage-h-art-scale: 1.10;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.missions {
  --stage-v-art-scale: 1.06;
  --stage-h-art-scale: 1.08;
  --stage-v-card-scale: 1.06;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.builds {
  --stage-v-art-scale: 1.08;
  --stage-h-art-scale: 1.12;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.council {
  --stage-v-art-scale: 1.06;
  --stage-h-art-scale: 1.10;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.stories {
  --stage-v-art-scale: 1.04;
  --stage-h-art-scale: 1.08;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.expansion {
  --stage-v-art-scale: 1.08;
  --stage-h-art-scale: 1.10;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.blood {
  --stage-v-art-scale: 1.08;
  --stage-h-art-scale: 1.12;
  --stage-v-card-scale: 1.05;
  --stage-h-card-scale: 1.08;
}
body.site-final.site-v80 .screen.rewards {
  --stage-v-art-scale: 1.04;
  --stage-h-art-scale: 1.08;
  --stage-v-card-scale: 1.06;
  --stage-h-card-scale: 1.08;
}

/* -------------------------------
   VERTICAL FAMILY — only larger vertical canvases.
   Phone portrait baseline is intentionally untouched.
   ------------------------------- */
@media (max-aspect-ratio: 1/1) and (min-width: 768px) {
  body.site-final.site-v80 {
    --stage-scale-x: clamp(1, calc(100vw / 430), 1.18);
    --stage-scale-y: clamp(1, calc(100dvh / 844), 1.18);
    --stage-scale: min(var(--stage-scale-x), var(--stage-scale-y));
    --stage-gap-scale: clamp(1, calc(100dvh / 844), 1.16);
    --stage-art-scale: clamp(1, calc(100dvh / 844), 1.14);
    --stage-text-scale: clamp(1, calc(100vw / 430), 1.08);
    --stage-icon-scale: clamp(1, calc(100vw / 430), 1.12);
    --v80-safe-x: clamp(24px, 5vw, 64px);
  }

  body.site-final.site-v80 .canvas,
  body.site-final.site-v80 .global-topbar,
  body.site-final.site-v80 .global-cta {
    max-width: min(760px, calc(100vw - 48px));
  }

  body.site-final.site-v80 .content {
    left: var(--v80-safe-x);
    right: var(--v80-safe-x);
  }

  body.site-final.site-v80 .ribbon,
  body.site-final.site-v80 .hero-slogan,
  body.site-final.site-v80 .story-sub {
    font-size: clamp(14px, 1.9vw, 17px);
  }

  /* Vertical stage-driven module growth: preserve mobile order, only use extra width/height. */
  body.site-final.site-v80 .home .hero-team { max-height: 32%; }
  body.site-final.site-v80 .home .founder-strip { min-height: 68px; }
  body.site-final.site-v80 .home .stats-row { min-height: 50px; }

  body.site-final.site-v80 .missions .mission-scene { min-height: 330px; }
  body.site-final.site-v80 .missions .chips-row { min-height: 48px; }
  body.site-final.site-v80 .missions .mission-cards .feature-card { min-height: 114px; }

  body.site-final.site-v80 .builds .build-hero-zone { min-height: 290px; }
  body.site-final.site-v80 .builds .ability-row article { min-height: 96px; }
  body.site-final.site-v80 .builds .artifact-row { min-height: 66px; }

  body.site-final.site-v80 .council .ruler-cards img { height: 122px; }
  body.site-final.site-v80 .council .council-table { max-height: 184px; }
  body.site-final.site-v80 .council .bonus-cards .feature-card { min-height: 94px; }

  body.site-final.site-v80 .stories .story-stage { min-height: 198px; }
  body.site-final.site-v80 .stories .fate-cards article { min-height: 108px; }

  body.site-final.site-v80 .expansion .map-zone { min-height: 390px; }
  body.site-final.site-v80 .expansion .expansion-cards .feature-card { min-height: 104px; }

  body.site-final.site-v80 .blood .blood-heroes { height: 282px; }
  body.site-final.site-v80 .blood .blood-power { min-height: 78px; }
  body.site-final.site-v80 .blood .blood-cards .feature-card { min-height: 100px; }

  body.site-final.site-v80 .rewards .reward-hero { max-height: 32%; }
  body.site-final.site-v80 .rewards .reward-grid article { min-height: 108px; }
  body.site-final.site-v80 .rewards .benefits-row { min-height: 74px; }
}

/* Keep square inside vertical family, but do not create a third composition. */
@media (max-aspect-ratio: 1/1) and (min-width: 900px) and (min-height: 900px) {
  body.site-final.site-v80 {
    --stage-scale-x: clamp(1.08, calc(100vw / 844), 1.20);
    --stage-scale-y: clamp(1.08, calc(100dvh / 844), 1.20);
    --stage-scale: min(var(--stage-scale-x), var(--stage-scale-y));
  }

  body.site-final.site-v80 .canvas,
  body.site-final.site-v80 .global-topbar,
  body.site-final.site-v80 .global-cta {
    max-width: min(820px, calc(100vw - 72px));
  }
}

/* -------------------------------
   HORIZONTAL FAMILY — compact desktop remains baseline.
   Only taller/wider desktop receives proportional extra-height use.
   ------------------------------- */
@media (min-aspect-ratio: 1.001/1) and (min-height: 901px) {
  body.site-final.site-v80 {
    --stage-scale-y: clamp(1, calc(100dvh / 900), 1.16);
    --stage-scale-x: clamp(1, calc(100vw / 1600), 1.12);
    --stage-scale: min(var(--stage-scale-x), var(--stage-scale-y));
    --stage-gap-scale: clamp(1, calc(100dvh / 900), 1.18);
    --stage-art-scale: clamp(1, calc(100dvh / 900), 1.15);
    --stage-text-scale: clamp(1, calc(100vw / 1600), 1.06);
    --stage-icon-scale: clamp(1, calc(100dvh / 900), 1.10);
  }

  /* General horizontal content frame: increase vertical breathing space without moving the composition family. */
  body.site-final.site-v80 .content {
    --v80-content-extra-y: clamp(0px, 2vh, 18px);
  }

  body.site-final.site-v80 .ribbon {
    margin-bottom: clamp(8px, 1.2vh, 12px);
  }

  /* Screen-specific horizontal stage scaling. */
  body.site-final.site-v80 .home .hero-team { max-height: 48vh; }
  body.site-final.site-v80 .home .home-cards .feature-card { min-height: 158px; }
  body.site-final.site-v80 .home .founder-strip { min-height: 88px; }
  body.site-final.site-v80 .home .stats-row { min-height: 74px; }

  body.site-final.site-v80 .missions .mission-scene { min-height: 322px; }
  body.site-final.site-v80 .missions .chips-row { min-height: 66px; }
  body.site-final.site-v80 .missions .mission-cards .feature-card { min-height: 152px; }

  body.site-final.site-v80 .builds .build-hero-zone { min-height: 470px; }
  body.site-final.site-v80 .builds .build-hero { max-height: 530px; }
  body.site-final.site-v80 .builds .ability-row article { min-height: 124px; }
  body.site-final.site-v80 .builds .artifact-row { min-height: 98px; }

  body.site-final.site-v80 .council .ruler-cards { min-height: 158px; }
  body.site-final.site-v80 .council .ruler-cards img { height: 136px; }
  body.site-final.site-v80 .council .council-table { max-height: 378px; }
  body.site-final.site-v80 .council .bonus-cards .feature-card { min-height: 132px; }

  body.site-final.site-v80 .stories .story-hero { height: clamp(450px, 56vh, 590px); }
  body.site-final.site-v80 .stories .choice-box { height: clamp(220px, 27vh, 255px); }
  body.site-final.site-v80 .stories blockquote { height: clamp(150px, 18vh, 185px); }
  body.site-final.site-v80 .stories .fate-cards article { min-height: 174px; }

  body.site-final.site-v80 .expansion .map-zone { min-height: 530px; }
  body.site-final.site-v80 .expansion .expansion-cards .feature-card { min-height: 140px; }

  body.site-final.site-v80 .blood .blood-heroes { height: 470px; }
  body.site-final.site-v80 .blood .process-row article { min-height: 120px; }
  body.site-final.site-v80 .blood .blood-power { min-height: 100px; }
  body.site-final.site-v80 .blood .blood-cards .feature-card { min-height: 134px; }

  body.site-final.site-v80 .rewards .reward-hero { max-height: 270px; }
  body.site-final.site-v80 .rewards .reward-grid article { min-height: 144px; }
  body.site-final.site-v80 .rewards .benefits-row { min-height: 104px; }
  body.site-final.site-v80 .rewards .faq-list { max-height: 620px; }
}

/* Ultra-wide guard: grow only the safe art/UI proportions, not the family layout. */
@media (min-aspect-ratio: 1.001/1) and (min-width: 2200px) and (min-height: 1100px) {
  body.site-final.site-v80 {
    --stage-scale-y: 1.16;
    --stage-scale-x: 1.12;
    --stage-scale: 1.12;
    --stage-gap-scale: 1.18;
    --stage-art-scale: 1.15;
    --stage-card-scale: 1.10;
  }
}

/* Emergency fit guards only: prevent overflow on very low horizontal screens without changing the desktop family. */
@media (min-aspect-ratio: 1.001/1) and (max-height: 430px) {
  body.site-final.site-v80 {
    --stage-scale-y: clamp(.70, calc(100dvh / 430), .96);
    --stage-gap-scale: clamp(.72, calc(100dvh / 430), .96);
  }

  body.site-final.site-v80 .title-logo { max-height: clamp(36px, 11vh, 58px); }
  body.site-final.site-v80 .ribbon { font-size: clamp(8px, 1.45vw, 12px); padding-top: 3px; padding-bottom: 3px; }
  body.site-final.site-v80 .feature-card p,
  body.site-final.site-v80 .feature-card small { line-height: 1.12; }
}
/* ==== END css/site-v80-stage-scaling.css ==== */


/* ==== BEGIN css/site-v81.css ==== */
/* ================================
   v81 TARGETED REPAIR / NO-REGRESSION POLISH
   Scope: Home wide-desktop vertical rhythm, Stories wide-desktop trio centering,
   tablet portrait CTA text-fit, region popup glass copy without image whitening,
   and a very light desktop bottom fade.
   Loaded last. No text/localization/asset/static/popup content changes.
   ================================ */

/* 1) HOME / WIDE-DESKTOP — neutralize v80 min-height growth that made the feature cards and Founder Rewards collide. */
@media (min-aspect-ratio: 1.001/1) and (min-width: 1600px) and (min-height: 901px) {
  body.madboys-site.site-final.site-v81 section.home .home-cards {
    top: 436px;
    height: 92px;
    min-height: 0;
    gap: 10px;
  }

  body.madboys-site.site-final.site-v81 section.home .home-cards .feature-card {
    height: 92px;
    min-height: 0;
    max-height: 92px;
  }

  body.madboys-site.site-final.site-v81 section.home .founder-strip {
    top: 538px;
    height: 76px;
    min-height: 76px;
    max-height: 76px;
  }
}

/* 2) STORIES / WIDE-DESKTOP — center the choice/hero/quote trio inside the safe-area without changing hero size. */
@media (min-aspect-ratio: 1.001/1) and (min-width: 1181px) {
  body.madboys-site.site-final.site-v81 section.stories {
    --v81-story-frame-w: min(1240px, calc(100vw - 128px));
    --v81-story-frame-edge: calc((100vw - var(--v81-story-frame-w)) / 2);
    --v81-story-top: clamp(178px, 21vh, 205px);
  }

  body.madboys-site.site-final.site-v81 section.stories .story-stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
    pointer-events: none;
    z-index: 6;
  }

  body.madboys-site.site-final.site-v81 section.stories .story-hero {
    position: absolute;
    left: 50%;
    right: auto;
    top: clamp(164px, 18vh, 190px);
    bottom: auto;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
    z-index: 4;
    pointer-events: none;
  }

  body.madboys-site.site-final.site-v81 section.stories .choice-box {
    position: absolute;
    left: var(--v81-story-frame-edge);
    right: auto;
    top: var(--v81-story-top);
    bottom: auto;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }

  body.madboys-site.site-final.site-v81 section.stories blockquote {
    position: absolute;
    left: auto;
    right: var(--v81-story-frame-edge);
    top: var(--v81-story-top);
    bottom: auto;
    margin: 0;
    transform: none;
    z-index: 20;
    pointer-events: auto;
  }
}

/* 3) TABLET PORTRAIT — bind CTA text to the button itself and reuse mobile-like centered fitting. */
@media (max-aspect-ratio: 1/1) and (min-width: 768px) and (max-width: 899px) {
  body.madboys-site.site-final.site-v81 .global-cta .cta-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0 20%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    text-align: center;
  }

  body.madboys-site.site-final.site-v81 .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81 .global-cta b {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: clamp(9.8px, 1.46vw, 12.4px);
    line-height: .94;
    letter-spacing: -0.18px;
    white-space: normal;
    text-align: center;
    transform: none;
  }

  body.madboys-site.site-final.site-v81.locale-de .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-fr .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-it .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-nl .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-pl .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-pt .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-uk .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-kk .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v81.locale-ar .global-cta .cta-overlay b {
    font-size: clamp(8.8px, 1.26vw, 10.8px);
    line-height: .92;
    letter-spacing: -0.24px;
  }
}

/* 4) REGION POPUPS — remove image whitening; keep only the copy panel as a glass/blur overlay. */
body.madboys-site.site-final.site-v81 .region-modal .popup-hero::after {
  content: none;
  display: none;
  background: none;
}

body.madboys-site.site-final.site-v81 .region-modal .region-copy {
  background: rgba(255, 255, 255, .58);
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  border: 1px solid rgba(255,255,255,.58);
  box-shadow: 0 12px 26px rgba(15,40,96,.12), inset 0 1px 0 rgba(255,255,255,.7);
}

/* 5) DESKTOP — very light finishing fade/blur at the bottom only, below content. */
@media (min-aspect-ratio: 1.001/1) and (min-width: 1040px) {
  body.madboys-site.site-final.site-v81 .screen .canvas::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 68%;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.12) 52%, rgba(255,255,255,.28) 100%);
    backdrop-filter: blur(1.1px);
    -webkit-backdrop-filter: blur(1.1px);
  }

  body.madboys-site.site-final.site-v81 .screen .content {
    position: absolute;
    z-index: 5;
  }
}
/* ==== END css/site-v81.css ==== */


/* ==== BEGIN css/site-v82.css ==== */
/* ================================
   v82 AI HEROES POPUP ASSET INTEGRATION
   Scope: AI Heroes lazy popup only. No text/layout changes outside this popup.
   ================================ */
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-media-shell{
  position:relative;
  padding:0;
  min-height:340px;
  background:#173f8f;
  border-color:rgba(188,215,255,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 14px 26px rgba(15,39,102,.12);
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-preview{
  position:relative;
  width:100%;
  height:100%;
  min-height:inherit;
  border-radius:24px;
  overflow:hidden;
  background-image:linear-gradient(180deg,rgba(25,74,164,.08),rgba(10,30,88,.18)),var(--ai-hero-stage-bg);
  background-size:cover;
  background-position:center center;
  display:grid;
  place-items:end center;
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-preview::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:34%;
  background:linear-gradient(180deg,rgba(10,25,68,0),rgba(10,25,68,.32));
  pointer-events:none;
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-video{
  position:relative;
  z-index:1;
  display:block;
  width:min(86%,330px);
  height:auto;
  max-height:96%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 14px 24px rgba(6,18,54,.35));
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption{
  position:absolute;
  left:14px;
  bottom:12px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 28px);
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.7);
  backdrop-filter:blur(8px);
  color:#102e71;
  box-shadow:0 6px 15px rgba(8,23,66,.16);
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption span{
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#8d6500;
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption strong{
  font:900 15px/1 Arial Black,Arial,sans-serif;
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-ult-slot{
  width:92px;
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-ult-img{
  display:block;
  width:82px;
  height:82px;
  object-fit:contain;
  border-radius:20px;
  border:3px solid #f2c94c;
  background:linear-gradient(180deg,#143170,#08275f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 10px 18px rgba(13,36,92,.16);
}
body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-ult-slot small{
  max-width:92px;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
}
@media (max-aspect-ratio:1/1){
  body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-media-shell{
    min-height:260px;
  }
  body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .ai-hero-video{
    width:min(82%,260px);
    max-height:94%;
  }
  body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-copy-card{
    padding-right:112px;
  }
  body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-ult-slot{
    width:76px;
    right:14px;
  }
  body.site-final.site-v82 .usp-panel[data-popup-panel="ai"] .hero-ult-img{
    width:68px;
    height:68px;
    border-radius:17px;
  }
}
/* ==== END css/site-v82.css ==== */


/* ==== BEGIN css/site-v83.css ==== */
/* ================================
   v83 AI HEROES POPUP PREVIEW POLISH
   Scope: AI Heroes lazy popup only.
   - compact cropped hero preview window
   - purple hall background behind hero video
   - ultimate art locked into dark square slot
   - flat loading bar while selected hero media loads
   ================================ */

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-media-shell{
  position:relative;
  display:block;
  height:clamp(270px, 31vw, 380px);
  min-height:0;
  padding:0;
  border-radius:26px;
  overflow:hidden;
  background:#101a58;
  border:1px solid rgba(226,207,139,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 26px rgba(12,24,68,.14);
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-preview{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  border-radius:inherit;
  overflow:hidden;
  background-image:
    linear-gradient(180deg, rgba(21,29,97,.06), rgba(36,20,82,.16)),
    var(--ai-hero-stage-bg, url('/assets/ai-heroes/backgrounds/herostageflat.webp'));
  background-size:cover;
  background-position:center 43%;
  background-repeat:no-repeat;
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-preview::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 58%, rgba(255,255,255,.08), rgba(37,20,99,.12) 56%, rgba(8,14,50,.28));
  pointer-events:none;
  z-index:0;
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-preview::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:22%;
  background:linear-gradient(180deg, rgba(8,18,52,0), rgba(8,18,52,.26));
  pointer-events:none;
  z-index:2;
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-video{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:-9%;
  display:block;
  width:auto;
  height:124%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-50%);
  filter:drop-shadow(0 13px 24px rgba(5,12,40,.36));
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption{
  position:absolute;
  left:14px;
  bottom:12px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 28px);
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  color:#102e71;
  box-shadow:0 6px 15px rgba(8,23,66,.16);
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption span{
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#8d6500;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption strong{
  font:900 15px/1 Arial Black,Arial,sans-serif;
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-loader{
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:5;
  width:min(210px, 58%);
  height:6px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 6px 14px rgba(10,22,70,.18);
  overflow:hidden;
  opacity:0;
  transition:opacity .18s ease;
  pointer-events:none;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-media-shell.is-loading .ai-hero-loader{
  opacity:1;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-loader span{
  position:absolute;
  inset:0 auto 0 0;
  width:42%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8ec9ff,#ffffff,#9b6bff);
  animation:v83HeroLoadBar 1.05s ease-in-out infinite;
}
@keyframes v83HeroLoadBar{
  0%{transform:translateX(-105%);}
  52%{transform:translateX(74%);}
  100%{transform:translateX(245%);}
}

body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-copy-card{
  position:relative;
  padding-right:96px;
  overflow:hidden;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-name-row{
  display:block;
  margin-bottom:12px;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-name-row h3{
  margin:0 0 7px;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-class{
  width:max-content;
  max-width:calc(100% - 2px);
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-ult-slot{
  position:absolute;
  top:18px;
  right:18px;
  width:66px;
  min-width:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  pointer-events:none;
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-ult-img{
  display:block;
  width:64px;
  height:64px;
  box-sizing:border-box;
  padding:7px;
  object-fit:contain;
  border-radius:17px;
  border:2px solid rgba(242,201,76,.9);
  background:
    radial-gradient(circle at 50% 38%, rgba(88,119,213,.42), rgba(13,31,79,.96) 66%),
    linear-gradient(180deg,#183a92,#071d58);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    inset 0 -6px 12px rgba(0,0,0,.22),
    0 8px 16px rgba(13,36,92,.18);
}
body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-ult-slot small{
  display:none;
}

@media (max-aspect-ratio:1/1){
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-media-shell{
    height:clamp(238px, 60vw, 310px);
    min-height:0;
    border-radius:24px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-video{
    height:126%;
    bottom:-10%;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption{
    left:10px;
    bottom:10px;
    padding:6px 8px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-stage-caption strong{
    font-size:13px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .ai-hero-loader{
    bottom:10px;
    width:min(180px, 56%);
    height:5px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-copy-card{
    padding-right:82px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-ult-slot{
    top:14px;
    right:14px;
    width:58px;
    min-width:58px;
  }
  body.site-final.site-v83 .usp-panel[data-popup-panel="ai"] .hero-ult-img{
    width:56px;
    height:56px;
    padding:6px;
    border-radius:15px;
  }
}
/* ==== END css/site-v83.css ==== */


/* ==== BEGIN css/site-v84.css ==== */
/* ================================
   v84 TARGETED POPUP / MOBILE POLISH
   Scope: build lazy popup art, final ritual ending icons, region popup glass copy,
   AI Heroes top note removal, mobile Home View Rewards button fit.
   No other screen/layout refactor.
   ================================ */

/* 1) AI Heroes lazy popup — remove redundant white catalog note block. */
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ai"] .hero-carousel-topbar,
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ai"] .hero-carousel-topnote{
  display:none !important;
}
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ai"] .hero-carousel{
  gap:14px;
}
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ai"] .hero-thumb-row{
  margin-top:0;
}

/* 2) Jackpot Run popup — use the supplied square hero art in the intended art slot. */
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="jackpot"] .jackpot-hero-visual{
  padding:12px;
  background:linear-gradient(180deg, rgba(24,31,92,.98), rgba(40,18,95,.98));
  border:1px solid rgba(218,199,128,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 14px 30px rgba(22,32,88,.12);
  overflow:hidden;
}
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="jackpot"] .jackpot-build-art{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
  border-radius:18px;
  box-shadow:0 10px 20px rgba(8,10,38,.22);
}

/* 3) Final Ritual popup — map the supplied six ending icons into the existing slots. */
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ritual"] .ritual-ending-art{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  overflow:hidden;
}
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ritual"] .ritual-ending-art span{
  display:none !important;
}
body.madboys-site.site-final.site-v84 .usp-panel[data-popup-panel="ritual"] .ritual-ending-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 14px rgba(11,18,58,.22));
}

/* 4) Expansion region popups — glass copy block only, keep scenery visible behind it. */
body.madboys-site.site-final.site-v84 .region-modal .popup-hero::after{
  content:none;
  display:none;
}
body.madboys-site.site-final.site-v84 .region-modal .region-copy{
  background:rgba(255,255,255,.46);
  border:1px solid rgba(255,255,255,.68);
  border-radius:22px;
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  box-shadow:0 14px 28px rgba(10,31,88,.16), inset 0 1px 0 rgba(255,255,255,.72);
}

/* 5) Mobile portrait Home — make View Rewards fit in two lines and keep it clear of the arrow. */
@media (max-width: 560px) and (orientation: portrait) {
  body.madboys-site.site-final.site-v84 section.home .view-rewards-button{
    overflow:hidden;
  }
  body.madboys-site.site-final.site-v84 section.home .view-rewards-text{
    position:absolute !important;
    left:12px !important;
    right:44px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    max-width:none !important;
    width:auto !important;
    white-space:normal !important;
    word-break:normal;
    overflow-wrap:anywhere;
    text-align:center;
    font-size:10px !important;
    line-height:1.02 !important;
  }
  body.madboys-site.site-final.site-v84.locale-ru section.home .view-rewards-text,
  body.madboys-site.site-final.site-v84:lang(ru) section.home .view-rewards-text{
    font-size:9.6px !important;
    line-height:1 !important;
  }
}
/* ==== END css/site-v84.css ==== */


/* ==== BEGIN css/site-v85.css ==== */
/* ================================
   v85 HOTFIX — Living Kingdom scheme + Tactical Raids video preview
   Scope: lazy popups only.
   ================================ */

/* Living Kingdom popup: use the supplied square scheme art in the visual slot. */
body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="kingdom"] .usp-kingdom-visual{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(238,244,255,.92), rgba(224,235,255,.92));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 10px 22px rgba(16,33,86,.10);
}
body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="kingdom"] .kingdom-loop-art{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
}

/* Tactical Raids popup: use the supplied vertical dungeon descent video in the preview slot. */
body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="raids"] .usp-raids-video-box{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="raids"] .usp-video-frame{
  width:min(100%, 320px);
  margin-inline:auto;
  aspect-ratio:9/16;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg, #dfe9fb, #f6f8ff);
  border:1px solid rgba(227,212,174,.92);
  box-shadow:0 14px 28px rgba(17,35,87,.10), inset 0 1px 0 rgba(255,255,255,.72);
}
body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="raids"] .raids-descent-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#111b4d;
}

/* Slightly reduce preview height on narrower popup widths to keep rhythm intact. */
@media (max-width: 640px){
  body.madboys-site.site-final.site-v85 .usp-panel[data-popup-panel="raids"] .usp-video-frame{
    width:min(100%, 270px);
  }
}
/* ==== END css/site-v85.css ==== */


/* ==== BEGIN css/site-v87.css ==== */
/* ================================
   v87 FAQ localization + Home/Missions visual hotfix
   Scope: FAQ text/icons, mission card subtitles, Founder Rewards button width.
   ================================ */

/* Missions: after removing the subtitle line, keep the cards balanced and the quoted copy readable. */
body.madboys-site.site-final.site-v87 section.missions .mission-cards .feature-card h3{
  margin-bottom:8px;
}
body.madboys-site.site-final.site-v87 section.missions .mission-cards .feature-card .card-hint{
  display:block;
  margin-top:0;
}

/* Home Founder Rewards: reserve a wider third column and keep the button label to two clean lines. */
body.madboys-site.site-final.site-v87 section.home .view-rewards-button{
  overflow:visible !important;
}
body.madboys-site.site-final.site-v87 section.home .view-rewards-text{
  position:absolute !important;
  z-index:2 !important;
  left:18px !important;
  right:46px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  max-width:none !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:keep-all !important;
  text-align:center !important;
  color:#09266f !important;
  text-shadow:0 1px 0 #fff !important;
}
body.madboys-site.site-final.site-v87 section.home .view-rewards-text br{
  display:block;
}

@media (min-width: 1180px){
  body.madboys-site.site-final.site-v87 section.home .founder-strip{
    grid-template-columns:clamp(116px,10vw,150px) minmax(0,1fr) clamp(218px,18vw,270px) !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-button{
    width:clamp(218px,18vw,270px) !important;
    height:clamp(68px,5.4vw,86px) !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-text{
    left:30px !important;
    right:64px !important;
    font:900 clamp(18px,1.35vw,24px)/.92 Arial,sans-serif !important;
  }
}

@media (min-width: 700px) and (max-width: 1179px){
  body.madboys-site.site-final.site-v87 section.home .founder-strip{
    grid-template-columns:clamp(88px,13vw,120px) minmax(0,1fr) clamp(166px,22vw,210px) !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-button{
    width:clamp(166px,22vw,210px) !important;
    height:clamp(52px,7vw,70px) !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-text{
    left:22px !important;
    right:50px !important;
    font:900 clamp(13px,1.9vw,18px)/.94 Arial,sans-serif !important;
  }
}

@media (max-width: 699px){
  body.madboys-site.site-final.site-v87 section.home .founder-strip{
    grid-template-columns:68px minmax(0,1fr) 138px !important;
    gap:6px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-button{
    width:138px !important;
    height:44px !important;
    top:0 !important;
    align-self:center !important;
    justify-self:center !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-text{
    left:18px !important;
    right:39px !important;
    font:900 10.4px/1 Arial,sans-serif !important;
  }
  body.madboys-site.site-final.site-v87.locale-ru section.home .view-rewards-text,
  body.madboys-site.site-final.site-v87:lang(ru) section.home .view-rewards-text,
  body.madboys-site.site-final.site-v87.locale-uk section.home .view-rewards-text,
  body.madboys-site.site-final.site-v87:lang(uk) section.home .view-rewards-text,
  body.madboys-site.site-final.site-v87.locale-kk section.home .view-rewards-text,
  body.madboys-site.site-final.site-v87:lang(kk) section.home .view-rewards-text{
    font-size:9.4px !important;
    line-height:.98 !important;
  }
}

@media (max-width: 380px){
  body.madboys-site.site-final.site-v87 section.home .founder-strip{
    grid-template-columns:60px minmax(0,1fr) 128px !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-button{
    width:128px !important;
    height:42px !important;
  }
  body.madboys-site.site-final.site-v87 section.home .view-rewards-text{
    left:16px !important;
    right:37px !important;
    font-size:9.5px !important;
  }
}
/* ==== END css/site-v87.css ==== */


/* ==== BEGIN css/site-v89.css ==== */
/* ================================
   v89 FINAL DESIGN HOTFIX
   Scope: horizontal-family Home rhythm, Founder Rewards button sizing,
          Council influence-note fit, Stories centered trio + low-height shift guard.
   Loaded after v87. No text/localization/asset changes.
   ================================ */

/* -------------------------------------------------
   HOME / HORIZONTAL FAMILY (>=900px wide)
   Keep one desktop composition from compact desktop to wide desktop.
   Prevent tall screens from stretching the three bottom modules apart.
   ------------------------------------------------- */
@media (min-width: 900px) and (min-aspect-ratio: 1.001/1) {
  body.madboys-site.site-final.site-v89 section.home {
    --v89-home-frame: min(1040px, calc(100vw - clamp(72px, 12vw, 220px)));
    --v89-home-card-top: clamp(336px, 48vh, 456px);
    --v89-home-card-h: clamp(76px, 9.6vh, 104px);
    --v89-home-gap: clamp(10px, 1.25vh, 16px);
    --v89-home-founder-h: clamp(58px, 7.2vh, 76px);
    --v89-home-slogan-h: clamp(30px, 4.2vh, 42px);
  }

  body.madboys-site.site-final.site-v89 section.home .home-cards {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: var(--v89-home-card-top) !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: var(--v89-home-frame) !important;
    max-width: var(--v89-home-frame) !important;
    height: var(--v89-home-card-h) !important;
    min-height: 0 !important;
    max-height: var(--v89-home-card-h) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(10px, 1vw, 16px) !important;
    margin: 0 !important;
    z-index: 25 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .home-cards .feature-card {
    width: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-columns: clamp(80px, 8vw, 112px) minmax(0, 1fr) clamp(22px, 2.2vw, 30px) !important;
    align-items: center !important;
    gap: clamp(8px, .85vw, 13px) !important;
    padding: clamp(6px, .75vh, 9px) clamp(8px, .85vw, 12px) !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.madboys-site.site-final.site-v89 section.home .home-cards .feature-card img {
    width: clamp(74px, 7.4vw, 106px) !important;
    height: clamp(50px, 6.7vh, 72px) !important;
    object-fit: cover !important;
  }

  body.madboys-site.site-final.site-v89 section.home .home-cards .feature-card h3 {
    font-size: clamp(13px, 1.05vw, 17px) !important;
    line-height: 1.02 !important;
    margin: 0 0 4px !important;
  }

  body.madboys-site.site-final.site-v89 section.home .home-cards .feature-card p {
    font-size: clamp(8px, .62vw, 10.5px) !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-strip {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: calc(var(--v89-home-card-top) + var(--v89-home-card-h) + var(--v89-home-gap)) !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: var(--v89-home-frame) !important;
    max-width: var(--v89-home-frame) !important;
    height: var(--v89-home-founder-h) !important;
    min-height: 0 !important;
    max-height: var(--v89-home-founder-h) !important;
    display: grid !important;
    grid-template-columns: clamp(90px, 8.2vw, 118px) minmax(0, 1fr) clamp(166px, 13vw, 210px) !important;
    align-items: center !important;
    gap: clamp(8px, .9vw, 14px) !important;
    padding: clamp(5px, .75vh, 9px) clamp(12px, 1.2vw, 18px) !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 25 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-strip > img:first-child {
    align-self: center !important;
    justify-self: center !important;
    width: clamp(78px, 7.3vw, 104px) !important;
    height: clamp(48px, 5.6vh, 62px) !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-strip > span {
    display: flex !important;
    min-width: 0 !important;
    height: 100% !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-strip b {
    font-size: clamp(15px, 1.2vw, 20px) !important;
    line-height: 1.02 !important;
    margin: 0 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-strip small {
    font-size: clamp(8.5px, .72vw, 11.5px) !important;
    line-height: 1.08 !important;
    margin: 2px 0 0 !important;
  }

  body.madboys-site.site-final.site-v89 section.home .view-rewards-button {
    position: relative !important;
    align-self: center !important;
    justify-self: center !important;
    width: clamp(166px, 13vw, 210px) !important;
    height: clamp(50px, 6.3vh, 62px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.madboys-site.site-final.site-v89 section.home .view-rewards-art {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.madboys-site.site-final.site-v89 section.home .view-rewards-text {
    position: absolute !important;
    z-index: 2 !important;
    left: clamp(21px, 1.7vw, 30px) !important;
    right: clamp(42px, 3.6vw, 58px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    max-width: none !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font: 900 clamp(13px, 1.02vw, 18px)/.94 Arial, sans-serif !important;
    color: #09266f !important;
    text-shadow: 0 1px 0 #fff !important;
  }

  body.madboys-site.site-final.site-v89 section.home .founder-slogan {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: calc(var(--v89-home-card-top) + var(--v89-home-card-h) + var(--v89-home-gap) + var(--v89-home-founder-h) + var(--v89-home-gap)) !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: var(--v89-home-frame) !important;
    max-width: var(--v89-home-frame) !important;
    min-height: var(--v89-home-slogan-h) !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 6px clamp(14px, 1.4vw, 22px) !important;
    overflow: visible !important;
    text-align: center !important;
    font-size: clamp(12px, .95vw, 16px) !important;
    line-height: 1.08 !important;
    z-index: 24 !important;
  }
}

/* -------------------------------------------------
   COUNCIL / DESKTOP FAMILY
   Make the key influence-note fit reliably and read slightly larger.
   ------------------------------------------------- */
@media (min-width: 900px) and (min-aspect-ratio: 1.001/1) {
  body.madboys-site.site-final.site-v89 section.council .influence {
    height: clamp(96px, 11.4vh, 112px) !important;
    min-height: clamp(96px, 11.4vh, 112px) !important;
    max-height: none !important;
    padding: clamp(9px, 1vh, 13px) clamp(18px, 1.8vw, 28px) clamp(10px, 1.2vh, 15px) !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body.madboys-site.site-final.site-v89 section.council .influence h4 {
    flex: 0 0 auto !important;
    margin: 0 0 clamp(3px, .5vh, 6px) !important;
    font-size: clamp(13px, .9vw, 17px) !important;
    line-height: 1 !important;
  }

  body.madboys-site.site-final.site-v89 section.council .influence img {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: clamp(28px, 3.8vh, 36px) !important;
    object-fit: fill !important;
  }

  body.madboys-site.site-final.site-v89 section.council .influence div {
    flex: 0 0 auto !important;
    margin: 0 clamp(22px, 2.2vw, 40px) !important;
    font-size: clamp(12px, .82vw, 16px) !important;
    line-height: 1 !important;
  }

  body.madboys-site.site-final.site-v89 section.council .influence-note {
    flex: 0 0 auto !important;
    display: block !important;
    margin: clamp(3px, .55vh, 6px) 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    color: #33456a !important;
    font-size: clamp(10px, .72vw, 14px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-align: center !important;
  }
}

/* -------------------------------------------------
   STORIES / HORIZONTAL FAMILY
   Rebuild the trio around a centered safe-frame instead of legacy left/right magnets.
   ------------------------------------------------- */
@media (min-width: 900px) and (min-aspect-ratio: 1.001/1) {
  body.madboys-site.site-final.site-v89 section.stories {
    --v89-story-frame-w: min(1180px, calc(100vw - clamp(72px, 12vw, 180px)));
    --v89-story-edge: calc((100vw - var(--v89-story-frame-w)) / 2);
    --v89-story-top: clamp(156px, 20.8vh, 205px);
    --v89-story-hero-top: clamp(148px, 18vh, 190px);
    --v89-story-choice-w: clamp(244px, 16.8vw, 320px);
    --v89-story-quote-w: clamp(278px, 19.4vw, 370px);
  }

  body.madboys-site.site-final.site-v89 section.stories .story-stage {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 6 !important;
  }

  body.madboys-site.site-final.site-v89 section.stories .story-hero {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: var(--v89-story-hero-top) !important;
    bottom: auto !important;
    width: auto !important;
    height: clamp(360px, 50vh, 520px) !important;
    max-height: calc(100vh - 220px) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    object-fit: contain !important;
    object-position: center top !important;
    z-index: 4 !important;
    pointer-events: none !important;
  }

  body.madboys-site.site-final.site-v89 section.stories .choice-box {
    position: absolute !important;
    left: var(--v89-story-edge) !important;
    right: auto !important;
    top: var(--v89-story-top) !important;
    bottom: auto !important;
    width: var(--v89-story-choice-w) !important;
    height: clamp(198px, 23.5vh, 230px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 20 !important;
    pointer-events: auto !important;
  }

  body.madboys-site.site-final.site-v89 section.stories blockquote {
    position: absolute !important;
    left: auto !important;
    right: var(--v89-story-edge) !important;
    top: var(--v89-story-top) !important;
    bottom: auto !important;
    width: var(--v89-story-quote-w) !important;
    height: clamp(136px, 16vh, 168px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 20 !important;
    pointer-events: auto !important;
  }

  body.madboys-site.site-final.site-v89 section.stories .fate-cards {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
  }
}

/* On low-height horizontal screens the fate cards are the priority; hide the personality meter if it competes for space. */
@media (min-width: 900px) and (min-aspect-ratio: 1.001/1) and (max-height: 820px) {
  body.madboys-site.site-final.site-v89 section.stories .shift {
    display: none !important;
  }
}
/* ==== END css/site-v89.css ==== */


/* ==== BEGIN css/site-v92-targeted-final.css ==== */
/* ==========================================================
   v92 TARGETED FINAL POLISH — BASED ON v90 ASSET REFRESH
   Purpose: exact, late, high-specificity fixes over old CSS.
   Scope: only requested Home / Stories / Council / Lazy popup / CTA fixes.
   ========================================================== */

/* ---------- Deployment / layer contract ---------- */
body.madboys-site.site-final.site-v92{--v92-on:1;}

/* ---------- Desktop-family background fade ---------- */
@media (min-width:900px){
  body.madboys-site.site-final.site-v92 .canvas::after{
    display:block !important;
    height:54% !important;
    background:linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 18%,
      rgba(255,255,255,.32) 40%,
      rgba(255,255,255,.70) 68%,
      #fff 92%,
      #fff 100%
    ) !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }
}

/* ---------- HOME: lower stack, readable slogan, Russian card text ---------- */
@media (min-width:900px){
  body.madboys-site.site-final.site-v92 section.home .home-cards,
  body.madboys-site.site-final.site-v92 section.home .founder-strip,
  body.madboys-site.site-final.site-v92 section.home .founder-slogan{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1050px, calc(100vw - 220px)) !important;
    max-width:calc(100vw - 72px) !important;
    z-index:30 !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards{
    top:466px !important;
    height:96px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.madboys-site.site-final.site-v92 section.home .founder-strip{
    top:578px !important;
    height:76px !important;
    min-height:76px !important;
    margin:0 !important;
  }
  body.madboys-site.site-final.site-v92 section.home .founder-slogan{
    top:666px !important;
    height:auto !important;
    margin:0 !important;
    color:#ff790f !important;
    -webkit-text-stroke:1.1px #100600 !important;
    paint-order:stroke fill !important;
    text-shadow:0 2px 0 rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.68),0 4px 10px rgba(255,255,255,.22) !important;
    font-weight:900 !important;
    line-height:1.12 !important;
  }

  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card{
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) 32px !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:"img title arrow" "img desc arrow" !important;
    gap:4px 12px !important;
    align-items:center !important;
    text-align:left !important;
    padding:8px 10px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card > img{
    grid-area:img !important;
    width:82px !important;
    height:58px !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card h3{
    grid-area:title !important;
    margin:0 !important;
    max-width:100% !important;
    font-size:clamp(12px,1.05vw,16px) !important;
    line-height:.92 !important;
    letter-spacing:-.35px !important;
    text-align:left !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card p{
    grid-area:desc !important;
    margin:0 !important;
    max-width:100% !important;
    font-size:clamp(7.4px,.68vw,10px) !important;
    line-height:1.08 !important;
    text-align:left !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }
  body.locale-ru.madboys-site.site-final.site-v92 section.home .home-cards .feature-card h3,
  html[lang="ru"] body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card h3{
    font-size:clamp(11px,.94vw,14px) !important;
    letter-spacing:-.65px !important;
  }
}

/* Compact / tablet-square width: keep cards readable and avoid one-letter line breaks */
@media (min-width:900px) and (max-width:1180px){
  body.madboys-site.site-final.site-v92 section.home .home-cards,
  body.madboys-site.site-final.site-v92 section.home .founder-strip,
  body.madboys-site.site-final.site-v92 section.home .founder-slogan{
    width:min(840px, calc(100vw - 72px)) !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards{
    top:452px !important;
    height:100px !important;
    gap:10px !important;
  }
  body.madboys-site.site-final.site-v92 section.home .founder-strip{top:570px !important;}
  body.madboys-site.site-final.site-v92 section.home .founder-slogan{top:656px !important;font-size:13px !important;}
  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card{
    grid-template-columns:74px minmax(0,1fr) 30px !important;
    column-gap:9px !important;
  }
  body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card > img{width:72px !important;height:56px !important;}
  body.locale-ru.madboys-site.site-final.site-v92 section.home .home-cards .feature-card h3,
  html[lang="ru"] body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card h3{
    font-size:10.6px !important;
    line-height:.92 !important;
    letter-spacing:-.68px !important;
  }
  body.locale-ru.madboys-site.site-final.site-v92 section.home .home-cards .feature-card p,
  html[lang="ru"] body.madboys-site.site-final.site-v92 section.home .home-cards .feature-card p{
    font-size:6.9px !important;
    line-height:1.05 !important;
  }
}

/* Tablet portrait / square CTA: center text inside the yellow art itself. */
@media (min-width:768px) and (max-width:1180px){
  body.madboys-site.site-final.site-v92 .global-cta,
  html[dir="rtl"] body.madboys-site.site-final.site-v92 .global-cta{
    overflow:hidden !important;
  }
  body.madboys-site.site-final.site-v92 .global-cta .cta-bg-img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }
  body.madboys-site.site-final.site-v92 .global-cta .cta-overlay{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:100% !important;
    padding:0 54px !important;
    box-sizing:border-box !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  body.madboys-site.site-final.site-v92 .global-cta .cta-overlay b,
  body.madboys-site.site-final.site-v92 .global-cta b{
    position:static !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    transform:none !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    font:900 clamp(8.2px,1.15vw,12px)/.92 Arial Black,Arial,sans-serif !important;
    letter-spacing:-.18px !important;
    color:#09286d !important;
  }
  body.madboys-site.site-final.site-v92 .global-cta .cta-overlay small{display:none !important;}
}

/* ---------- STORIES: rebuild the actual collision zone ---------- */
@media (min-width:900px){
  body.madboys-site.site-final.site-v92 section.stories .story-stage{
    position:absolute !important;
    left:50% !important;
    top:226px !important;
    transform:translateX(-50%) !important;
    width:min(940px,84vw) !important;
    height:294px !important;
    min-height:0 !important;
    overflow:visible !important;
    z-index:22 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    position:absolute !important;
    left:0 !important;
    top:16px !important;
    width:300px !important;
    height:238px !important;
    padding:16px 18px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    overflow:hidden !important;
    text-align:center !important;
    z-index:24 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-box h4{
    margin:0 0 12px !important;
    width:100% !important;
    font-size:17px !important;
    line-height:1 !important;
    text-align:center !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-box img{
    width:210px !important;
    height:44px !important;
    margin:0 auto -44px !important;
    display:block !important;
    object-fit:fill !important;
    border-radius:8px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-box span{
    position:relative !important;
    z-index:3 !important;
    width:210px !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 auto 7px !important;
    padding:0 8px 0 46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.05 !important;
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.7) !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-note{
    width:100% !important;
    margin:auto 0 0 !important;
    font-size:8px !important;
    line-height:1.05 !important;
    text-align:center !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-hero{
    position:absolute !important;
    left:50% !important;
    top:-30px !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    height:400px !important;
    max-height:none !important;
    z-index:20 !important;
    pointer-events:none !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{
    position:absolute !important;
    left:auto !important;
    right:0 !important;
    top:16px !important;
    bottom:auto !important;
    width:340px !important;
    min-height:156px !important;
    height:auto !important;
    padding:20px 74px 18px 24px !important;
    transform:none !important;
    z-index:25 !important;
    font-size:22px !important;
    line-height:1.05 !important;
    text-align:left !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote small{font-size:10px !important;line-height:1.15 !important;}
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote img{right:16px !important;bottom:16px !important;width:54px !important;height:54px !important;}

  body.madboys-site.site-final.site-v92 section.stories .shift{
    position:absolute !important;
    left:50% !important;
    top:506px !important;
    transform:translateX(-50%) !important;
    width:min(940px,84vw) !important;
    height:58px !important;
    z-index:23 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    position:absolute !important;
    left:50% !important;
    top:580px !important;
    transform:translateX(-50%) !important;
    width:min(980px,86vw) !important;
    height:150px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    overflow:visible !important;
    z-index:22 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards article{
    height:150px !important;
    min-width:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards img{
    height:150px !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .section-kicker{
    position:absolute !important;
    left:50% !important;
    top:742px !important;
    transform:translateX(-50%) !important;
    width:min(980px,86vw) !important;
    margin:0 !important;
    text-align:center !important;
    z-index:26 !important;
  }
}
@media (min-width:900px) and (max-width:1050px){
  body.madboys-site.site-final.site-v92 section.stories .story-stage{top:238px !important;width:min(760px,82vw) !important;height:270px !important;}
  body.madboys-site.site-final.site-v92 section.stories .choice-box{width:260px !important;height:220px !important;padding:13px !important;}
  body.madboys-site.site-final.site-v92 section.stories .choice-box h4{font-size:13px !important;margin-bottom:10px !important;}
  body.madboys-site.site-final.site-v92 section.stories .choice-box img,
  body.madboys-site.site-final.site-v92 section.stories .choice-box span{width:184px !important;height:38px !important;min-height:38px !important;}
  body.madboys-site.site-final.site-v92 section.stories .choice-box img{margin-bottom:-38px !important;}
  body.madboys-site.site-final.site-v92 section.stories .choice-box span{font-size:9.3px !important;padding-left:40px !important;}
  body.madboys-site.site-final.site-v92 section.stories .story-hero{height:360px !important;top:-12px !important;}
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{width:285px !important;min-height:132px !important;padding:18px 60px 16px 20px !important;font-size:18.5px !important;}
  body.madboys-site.site-final.site-v92 section.stories .shift{top:520px !important;width:min(780px,86vw) !important;}
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{top:590px !important;width:min(820px,88vw) !important;height:138px !important;gap:12px !important;}
  body.madboys-site.site-final.site-v92 section.stories .fate-cards article,
  body.madboys-site.site-final.site-v92 section.stories .fate-cards img{height:138px !important;}
}
@media (min-width:900px) and (max-height:760px){
  body.madboys-site.site-final.site-v92 section.stories .shift{display:none !important;}
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{top:520px !important;}
  body.madboys-site.site-final.site-v92 section.stories .section-kicker{top:684px !important;}
}

/* ---------- COUNCIL ---------- */
@media (min-width:900px){
  body.madboys-site.site-final.site-v92 section.council .small-pill{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:230px !important;
    max-width:380px !important;
    width:auto !important;
    height:34px !important;
    padding:0 18px !important;
    font:900 12px/1 Arial,sans-serif !important;
    letter-spacing:.15px !important;
    color:#0c2d78 !important;
    text-shadow:0 1px 0 #fff !important;
    background:rgba(255,255,255,.92) !important;
    border:1.5px solid rgba(210,176,66,.72) !important;
    border-radius:999px !important;
    box-shadow:0 8px 18px rgba(20,40,90,.14) !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    z-index:45 !important;
  }
  body.madboys-site.site-final.site-v92 section.council .influence{
    min-height:84px !important;
    overflow:visible !important;
  }
  body.madboys-site.site-final.site-v92 section.council .influence-note{
    display:block !important;
    margin:4px 0 0 !important;
    font-size:12px !important;
    line-height:1.12 !important;
    color:#143272 !important;
    text-align:center !important;
  }
  body.madboys-site.site-final.site-v92 section.council .bonus-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    overflow:visible !important;
  }
  body.madboys-site.site-final.site-v92 section.council .bonus-cards .feature-card{
    display:grid !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:"icon title" "icon text" !important;
    column-gap:14px !important;
    row-gap:4px !important;
    align-items:center !important;
    text-align:left !important;
    padding:16px 18px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.madboys-site.site-final.site-v92 section.council .bonus-cards .feature-card img{
    grid-area:icon !important;
    width:58px !important;
    height:58px !important;
    object-fit:cover !important;
    border-radius:12px !important;
    align-self:center !important;
  }
  body.madboys-site.site-final.site-v92 section.council .bonus-cards .feature-card h3{
    grid-area:title !important;
    margin:0 !important;
    font-size:clamp(13px,1vw,16px) !important;
    line-height:1.02 !important;
    text-align:left !important;
    align-self:end !important;
  }
  body.madboys-site.site-final.site-v92 section.council .bonus-cards .feature-card p{
    grid-area:text !important;
    margin:0 !important;
    font-size:clamp(9px,.72vw,11px) !important;
    line-height:1.16 !important;
    color:#273d6c !important;
    text-align:left !important;
    align-self:start !important;
  }
}

/* Kill the broken 900–950 intermediate council layout without aspect-ratio assumptions. */
@media (min-width:900px) and (max-width:950px){
  body.madboys-site.site-final.site-v92 section.council .council-content{top:86px !important;bottom:92px !important;}
  body.madboys-site.site-final.site-v92 section.council .small-pill{position:absolute !important;top:6px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;}
  body.madboys-site.site-final.site-v92 section.council .title-wide{position:absolute !important;left:50% !important;top:38px !important;transform:translateX(-50%) !important;width:min(520px,66vw) !important;height:82px !important;object-fit:contain !important;}
  body.madboys-site.site-final.site-v92 section.council .council-ribbon{position:absolute !important;left:50% !important;top:126px !important;transform:translateX(-50%) !important;width:min(760px,84vw) !important;}
  body.madboys-site.site-final.site-v92 section.council .ruler-cards{position:absolute !important;left:50% !important;top:170px !important;transform:translateX(-50%) !important;width:min(760px,84vw) !important;height:96px !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;}
  body.madboys-site.site-final.site-v92 section.council .ruler-cards article{height:96px !important;display:grid !important;grid-template-columns:58px 1fr !important;grid-template-rows:auto auto !important;grid-template-areas:"icon title" "icon text" !important;column-gap:10px !important;align-items:center !important;text-align:left !important;padding:10px 12px !important;}
  body.madboys-site.site-final.site-v92 section.council .ruler-cards img{grid-area:icon !important;width:54px !important;height:54px !important;border-radius:12px !important;position:static !important;}
  body.madboys-site.site-final.site-v92 section.council .ruler-cards h3{grid-area:title !important;margin:0 !important;font-size:13px !important;text-align:left !important;}
  body.madboys-site.site-final.site-v92 section.council .ruler-cards p{grid-area:text !important;margin:0 !important;font-size:8px !important;line-height:1.12 !important;text-align:left !important;}
  body.madboys-site.site-final.site-v92 section.council .influence{position:absolute !important;left:50% !important;top:286px !important;transform:translateX(-50%) !important;width:min(700px,78vw) !important;height:88px !important;margin:0 !important;padding:8px 18px !important;}
  body.madboys-site.site-final.site-v92 section.council .influence-note{font-size:10px !important;line-height:1.08 !important;}
  body.madboys-site.site-final.site-v92 section.council .council-table{position:absolute !important;left:50% !important;top:386px !important;transform:translateX(-50%) !important;width:min(720px,80vw) !important;height:230px !important;max-height:230px !important;margin:0 !important;object-fit:contain !important;}
  body.madboys-site.site-final.site-v92 section.council .bonus-cards{position:absolute !important;left:50% !important;top:632px !important;transform:translateX(-50%) !important;width:min(820px,88vw) !important;height:106px !important;gap:12px !important;margin:0 !important;}
}

/* ---------- AI HEROES LAZY POPUP ---------- */
body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="ai"] .hero-ult-slot{
  width:72px !important;
  min-width:72px !important;
  height:72px !important;
  justify-content:center !important;
}
body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="ai"] .hero-ult-img{
  width:72px !important;
  height:72px !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:17px !important;
}

/* ---------- Lazy popup desktop: dense layouts and full-width blue CTA ---------- */
@media (min-width:900px){
  body.madboys-site.site-final.site-v92 .usp-modal .usp-shell{
    width:min(1180px,94vw) !important;
    height:min(860px,88vh) !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel .usp-cta{
    width:100% !important;
    max-width:none !important;
    min-height:62px !important;
    margin:18px 0 0 !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#1c5cbd,#0d3f9b) !important;
    border:0 !important;
    color:#fff !important;
    box-shadow:0 10px 18px rgba(8,35,91,.22),inset 0 1px 0 rgba(255,255,255,.25) !important;
    font:900 21px/1.05 Arial Black,Arial,sans-serif !important;
    text-transform:none !important;
  }

  /* Tactical Raids: video left, 4 cards right-top, examples right-bottom, no bottom-line collision. */
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-scroll{
    display:grid !important;
    grid-template-columns:minmax(360px,42%) minmax(460px,1fr) !important;
    grid-template-areas:
      "hero hero"
      "header header"
      "visual keys"
      "visual examples"
      "cta cta" !important;
    gap:18px 22px !important;
    align-content:start !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .popup-hero{grid-area:hero !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-header{grid-area:header !important;margin-bottom:0 !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-two-col{display:contents !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-raids-video-box,
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-visual-box{grid-area:visual !important;margin:0 !important;align-self:stretch !important;min-height:430px !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-video-frame{height:410px !important;min-height:410px !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-key-grid{
    grid-area:keys !important;
    margin-top:0 !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-key-grid article{min-height:128px !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-example-box{
    grid-area:examples !important;
    margin:0 !important;
    align-self:start !important;
    justify-self:stretch !important;
    width:100% !important;
    padding:18px 22px !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-example-box ul{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px 22px !important;
    margin-top:10px !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-bottom-line{display:none !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="raids"] .usp-cta{grid-area:cta !important;}

  /* Living Kingdom: 4 cards left-top, big scheme right-top, memory left-bottom, chain right-bottom. */
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-scroll{
    display:grid !important;
    grid-template-columns:minmax(380px,45%) minmax(460px,1fr) !important;
    grid-template-areas:
      "hero hero"
      "header header"
      "keys scheme"
      "memory chain"
      "bottom bottom"
      "cta cta" !important;
    gap:18px 22px !important;
    align-content:start !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .popup-hero{grid-area:hero !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-header{grid-area:header !important;margin-bottom:0 !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-two-col{display:contents !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .kingdom-grid{
    grid-area:keys !important;
    margin-top:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    align-self:start !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-visual-box{display:contents !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-kingdom-visual{
    grid-area:scheme !important;
    margin:0 !important;
    align-self:stretch !important;
    min-height:292px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.62) !important;
    border-radius:24px !important;
    box-shadow:0 8px 18px rgba(13,37,91,.08) !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .kingdom-loop-art{
    width:100% !important;
    height:292px !important;
    object-fit:contain !important;
    display:block !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-memory-box{
    grid-area:memory !important;
    margin:0 !important;
    align-self:stretch !important;
    min-height:220px !important;
    padding:20px 22px !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-chain-box{
    grid-area:chain !important;
    margin:0 !important;
    align-self:stretch !important;
  }
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-bottom-line{grid-area:bottom !important;margin-top:0 !important;}
  body.madboys-site.site-final.site-v92 .usp-panel[data-popup-panel="kingdom"] .usp-cta{grid-area:cta !important;}
}
/* ==== END css/site-v92-targeted-final.css ==== */


/* ==== BEGIN css/site-v92-stories-hotfix.css ==== */
/* ==========================================================
   v92 STORIES DESKTOP HOTFIX
   Base: v92 final polish from v90.
   Scope: ONLY Stories desktop / horizontal layout.
   Goal: revert the over-aggressive v92 story composition to the safer v90/v89-style frame,
   keep blocks inside the desktop safe area, and restore a readable personality shift meter.
   ========================================================== */

@media (min-width:900px) and (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final.site-v92 section.stories{
    --v92-story-frame-w:min(1180px, calc(100vw - clamp(72px, 12vw, 180px)));
    --v92-story-edge:calc((100vw - var(--v92-story-frame-w)) / 2);
    --v92-story-choice-w:clamp(244px, 16.8vw, 320px);
    --v92-story-quote-w:clamp(278px, 19.4vw, 370px);
    --v92-story-top:clamp(170px, 21.4vh, 214px);
    --v92-story-hero-top:clamp(150px, 18.2vh, 190px);
  }

  /* The story-stage itself returns to full-screen coordination.
     Choice and quote are pulled inside the same safe frame, not glued to screen edges. */
  body.madboys-site.site-final.site-v92 section.stories .story-stage{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    transform:none !important;
    pointer-events:none !important;
    overflow:visible !important;
    z-index:18 !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    position:absolute !important;
    left:var(--v92-story-edge) !important;
    right:auto !important;
    top:var(--v92-story-top) !important;
    bottom:auto !important;
    width:var(--v92-story-choice-w) !important;
    height:clamp(198px, 23.5vh, 230px) !important;
    min-height:0 !important;
    margin:0 !important;
    transform:none !important;
    overflow:hidden !important;
    z-index:26 !important;
    pointer-events:auto !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .story-hero{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:var(--v92-story-hero-top) !important;
    bottom:auto !important;
    width:auto !important;
    height:clamp(360px, 50vh, 520px) !important;
    max-height:calc(100vh - 220px) !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    object-fit:contain !important;
    object-position:center top !important;
    z-index:20 !important;
    pointer-events:none !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{
    position:absolute !important;
    left:auto !important;
    right:var(--v92-story-edge) !important;
    top:var(--v92-story-top) !important;
    bottom:auto !important;
    width:var(--v92-story-quote-w) !important;
    height:clamp(136px, 16vh, 168px) !important;
    min-height:0 !important;
    margin:0 !important;
    transform:none !important;
    overflow:visible !important;
    z-index:26 !important;
    pointer-events:auto !important;
    font-size:clamp(20px,1.45vw,25px) !important;
    line-height:1.05 !important;
  }

  /* Restore a readable personality shift meter: wider, taller, and clearly above fate cards. */
  body.madboys-site.site-final.site-v92 section.stories .shift{
    display:block !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:clamp(500px, 60vh, 560px) !important;
    transform:translateX(-50%) !important;
    width:min(1080px, 74vw) !important;
    height:92px !important;
    min-height:92px !important;
    margin:0 !important;
    padding:13px 28px !important;
    overflow:hidden !important;
    z-index:24 !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift h4{
    display:block !important;
    margin:0 0 8px !important;
    font-size:16px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift img{
    display:block !important;
    position:absolute !important;
    left:50% !important;
    top:42px !important;
    transform:translateX(-50%) !important;
    width:min(560px, 58%) !important;
    height:42px !important;
    object-fit:fill !important;
    margin:0 !important;
    z-index:1 !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div{
    display:flex !important;
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    top:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin:0 !important;
    font:900 11px/1.02 Arial,sans-serif !important;
    z-index:2 !important;
    pointer-events:none !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div span{
    display:block !important;
    width:132px !important;
    text-align:center !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div b{
    font-size:14px !important;
    line-height:1 !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:clamp(610px, 72vh, 660px) !important;
    transform:translateX(-50%) !important;
    width:min(980px,78vw) !important;
    height:122px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin:0 !important;
    overflow:visible !important;
    z-index:22 !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .fate-cards article{
    height:122px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .fate-cards img{
    height:122px !important;
    width:100% !important;
    object-fit:cover !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .section-kicker{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:clamp(744px, 86vh, 800px) !important;
    transform:translateX(-50%) !important;
    width:min(980px,78vw) !important;
    text-align:center !important;
    margin:0 !important;
    z-index:25 !important;
  }
}

/* Compact horizontal / near-square desktop: same safe-frame idea, but smaller so nothing escapes the visible slide. */
@media (min-width:900px) and (max-width:1180px) and (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final.site-v92 section.stories{
    --v92-story-frame-w:min(860px, calc(100vw - 96px));
    --v92-story-edge:calc((100vw - var(--v92-story-frame-w)) / 2);
    --v92-story-choice-w:clamp(238px, 27vw, 286px);
    --v92-story-quote-w:clamp(260px, 29vw, 315px);
    --v92-story-top:clamp(174px, 21vh, 206px);
    --v92-story-hero-top:clamp(164px, 19vh, 198px);
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    height:clamp(188px, 22vh, 218px) !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-hero{
    height:clamp(330px, 45vh, 430px) !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift{
    top:clamp(490px, 58vh, 540px) !important;
    width:min(820px, 82vw) !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    top:clamp(600px, 70vh, 650px) !important;
    width:min(840px, 86vw) !important;
  }
}

/* Low-height horizontal screens: fate cards remain priority, exactly like the pre-hotfix logic. */
@media (min-width:900px) and (min-aspect-ratio:1.001/1) and (max-height:820px){
  body.madboys-site.site-final.site-v92 section.stories .shift{
    display:none !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    top:min(520px, calc(100vh - 220px)) !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .section-kicker{
    top:min(690px, calc(100vh - 70px)) !important;
  }
}


/* ==========================================================
   v92 STORIES MICROFIX — EDGE WIDTH + PERSONALITY METER ONLY
   Scope: Stories desktop/horizontal only. No other screens affected.
   ========================================================== */

@media (min-width:900px) and (min-aspect-ratio:1.001/1){
  /* Pull side cards inward: use a narrower Council-like central frame,
     not the full safe-area width. */
  body.madboys-site.site-final.site-v92 section.stories{
    --v92-story-frame-w:min(1080px, calc(100vw - 260px)) !important;
    --v92-story-edge:calc((100vw - var(--v92-story-frame-w)) / 2) !important;
    --v92-story-choice-w:clamp(270px, 16vw, 300px) !important;
    --v92-story-quote-w:clamp(310px, 18vw, 360px) !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    left:var(--v92-story-edge) !important;
    width:var(--v92-story-choice-w) !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{
    right:var(--v92-story-edge) !important;
    width:var(--v92-story-quote-w) !important;
  }

  /* Make personality shift the same width as the four fate/profession cards. */
  body.madboys-site.site-final.site-v92 section.stories .shift,
  body.madboys-site.site-final.site-v92 section.stories .fate-cards,
  body.madboys-site.site-final.site-v92 section.stories .section-kicker{
    width:min(980px,78vw) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift{
    height:96px !important;
    min-height:96px !important;
    padding:14px 34px !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift h4{
    font-size:17px !important;
    line-height:1 !important;
    margin:0 0 9px !important;
  }

  /* The actual slider inside was too short; make it visually match the block. */
  body.madboys-site.site-final.site-v92 section.stories .shift img{
    top:44px !important;
    width:min(700px,72%) !important;
    height:44px !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div{
    left:36px !important;
    right:36px !important;
    top:44px !important;
    height:44px !important;
    font:900 13px/1.02 Arial,sans-serif !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div span{
    width:150px !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift div b{
    font-size:16px !important;
  }
}

/* Compact horizontal range: keep the same idea, but do not let the side cards touch the frame. */
@media (min-width:900px) and (max-width:1180px) and (min-aspect-ratio:1.001/1){
  body.madboys-site.site-final.site-v92 section.stories{
    --v92-story-frame-w:min(820px, calc(100vw - 120px)) !important;
    --v92-story-edge:calc((100vw - var(--v92-story-frame-w)) / 2) !important;
    --v92-story-choice-w:clamp(238px, 26vw, 274px) !important;
    --v92-story-quote-w:clamp(260px, 28vw, 305px) !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift,
  body.madboys-site.site-final.site-v92 section.stories .fate-cards,
  body.madboys-site.site-final.site-v92 section.stories .section-kicker{
    width:min(840px,86vw) !important;
  }

  body.madboys-site.site-final.site-v92 section.stories .shift img{
    width:min(620px,70%) !important;
  }
}
/* ==== END css/site-v92-stories-hotfix.css ==== */