/*
Theme Name: The Hangry Games Illustrated
Description: Official illustrated Hangry Games design and optional 17-page draft importer.
Version: 1.13.0
Author: Hack+Slash Minis
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: hangry-games-illustrated
*/
@font-face{font-family:Hangry;src:url('assets/heading.otf') format('opentype');font-weight:800;font-display:swap}@font-face{font-family:Menu;src:url('assets/menu.otf') format('opentype');font-weight:700;font-display:swap}
:root{--ink:#000000;--deep:#000000;--yellow:#ffdc00;--red:#c9001c;--paper:#ffffff;--edge:#ffffff;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--paper);background:var(--deep);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffffff;outline-offset:5px}.paper :focus-visible{outline-color:#c9001c}img{display:block;max-width:100%;object-fit:contain}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Hangry,Impact,sans-serif;font-weight:800;text-transform:uppercase;font-style:italic;line-height:.98;letter-spacing:-.03em}h2{font-size:clamp(2.8rem,5vw,5.3rem);margin-bottom:24px}h3{font-family:Menu,Impact,sans-serif;text-transform:uppercase;line-height:1.05}p+p{margin-top:18px}.eyebrow{font:700 .93rem/1.3 Menu,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);margin-bottom:17px}.paper .eyebrow{color:#c9001c}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(#c9001c,#c9001c);color:#ffffff;border:2px solid #ffdc00;box-shadow:0 0 0 2px #000000,0 5px 0 #c9001c;text-decoration:none;padding:11px 24px;font:700 1.13rem/1.15 Menu,Arial,sans-serif;text-transform:uppercase;transition:transform .18s,filter .18s;text-align:center}.button:hover{transform:translateY(-3px);filter:brightness(1.15)}.button.big{padding:17px 30px;font-size:1.4rem}.skip{position:fixed;left:15px;top:-100px;background:var(--yellow);color:#000000;padding:15px;z-index:50}.skip:focus{top:10px}.masthead{position:sticky;top:0;z-index:20;min-height:86px;display:flex;align-items:center;gap:24px;padding:12px max(24px,calc((100vw - 1320px)/2));background:linear-gradient(#000000,#000000 65%,#000000);border-top:3px solid #ffffff;border-bottom:4px solid #ffffff;box-shadow:0 4px 15px #00000088}.brand{position:absolute;top:-8px;left:max(18px,calc((100vw - 1410px)/2));width:170px;z-index:2;filter:drop-shadow(0 5px 2px #000000)}.brand img{height:200px;width:170px}.masthead nav{display:flex;align-items:center;gap:22px;margin-left:155px;flex:1;justify-content:center}.masthead nav a{font:700 1rem Menu,Arial,sans-serif;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:12px 0;border-bottom:3px solid transparent}.masthead nav a:hover,.masthead nav a.active{color:var(--yellow);border-bottom-color:var(--yellow)}.nav-cta{white-space:nowrap}.menu-toggle{display:none}.metal-frame{border:2px solid #ffffff;border-top:7px solid #000000;box-shadow:inset 0 0 0 4px #000000;position:relative}.metal-frame:after{content:'';pointer-events:none;position:absolute;inset:7px;z-index:5;border:1px solid #ffffff55}.section{max-width:var(--max);margin:0 auto;padding:84px 66px;position:relative;scroll-margin-top:22px}.paper{background:linear-gradient(115deg,#ffffff,#ffffff);color:#000000;border:3px solid #ffffff;box-shadow:inset 0 0 0 5px #ffdc00,inset 0 0 25px #ffffff44}.hero{max-width:1500px;margin:auto;min-height:790px;overflow:hidden;background:#ffffff;isolation:isolate}.hero-landscape{position:absolute;inset:0;background:linear-gradient(0deg,#000000e0,transparent 30%,#00000022),url('assets/desert.webp') center/cover;z-index:-2;transform:translateY(var(--scene-offset,0px)) scale(1.09)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000033 0,#00000022 33%,transparent 65%);z-index:-1}.hero-cast{position:absolute;inset:0;pointer-events:none}.cast{position:absolute;filter:drop-shadow(8px 14px 5px #00000070);width:auto;object-fit:contain;transform:translateY(var(--cast-offset,0px))}.cast-jack{left:-4%;top:5%;height:82%;z-index:2;rotate:-13deg}.cast-commodore{left:16%;top:24%;height:66%;z-index:1;rotate:7deg}.cast-holy{right:-4%;top:6%;height:83%;z-index:2;rotate:11deg}.cast-za{right:15%;top:31%;height:65%;z-index:1;rotate:-9deg}.hero-copy{position:relative;text-align:center;padding:96px 0 145px;z-index:3;width:min(670px,70%);margin:auto}.hero-copy .eyebrow{background:#000000eb;display:inline-block;padding:8px 16px;letter-spacing:.05em;font-size:.86rem}.hero h1{font-size:clamp(4rem,7vw,6.8rem);color:#ffffff;transform:rotate(-5deg);text-shadow:4px 4px 0 #c9001c,-2px -2px 0 #c9001c,2px -2px 0 #c9001c,-2px 2px 0 #c9001c,6px 7px 0 #000000;filter:drop-shadow(0 3px 1px #000000)}.hero h1 span{color:var(--yellow)}.hero-ticket{font:700 1.32rem/1.03 Menu,sans-serif;text-transform:uppercase;background:var(--yellow);color:#000000;border:2px solid #000000;display:table;margin:28px auto 26px;padding:11px 30px;transform:rotate(-3deg);box-shadow:5px 5px 0 #000000}.explore{display:table;text-decoration:none;font:700 .88rem Menu,sans-serif;text-transform:uppercase;margin:25px auto 0;padding:6px 13px;background:#000000d9}.explore span{margin-left:12px}.feature-rail{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 5%;background:linear-gradient(#000000,#000000);border-top:4px solid #ffffff;z-index:4}.feature-rail a{display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border-right:1px solid #ffffff}.feature-rail a:last-child{border:0}.feature-rail strong{font:800 3rem Menu,sans-serif;color:var(--yellow);text-shadow:2px 3px #c9001c}.feature-rail span{font:700 1.1rem/1.05 Menu,sans-serif;text-transform:uppercase}.about{display:grid;grid-template-columns:1fr 1fr;padding:72px 0;gap:0;align-items:center}.about-picture{height:470px;overflow:hidden;transform:rotate(-2deg)}.about-picture>img{width:100%;height:100%;object-fit:cover;object-position:35%}.road-sign{position:absolute;left:35px;bottom:35px;background:#c9001c;color:#ffdc00;font:800 2.7rem/1 Hangry,sans-serif;text-transform:uppercase;transform:rotate(-7deg);padding:22px;border:5px solid #ffdc00;box-shadow:7px 7px 0 #000000}.road-sign span{color:#ffffff}.about-paper{padding:48px 48px 40px;transform:rotate(1deg);z-index:1}.about-paper h2{font-size:3.6rem}.lead{font-size:1.16rem;font-weight:700}.stamp{display:inline-block;color:#c9001c;border-top:3px solid;border-bottom:3px solid;padding:4px 10px;margin-top:30px;font:800 1.45rem Hangry,sans-serif;text-transform:uppercase;transform:rotate(-7deg)}.lore{min-height:710px;background:linear-gradient(90deg,#000000 32%,#00000070),url('assets/desert.webp') center/cover;overflow:hidden}.lore-copy{position:relative;width:47%;z-index:3}.lore-copy h2 span{color:var(--yellow)}.lore-copy p:not(.eyebrow){max-width:440px}.handwritten{font:800 1.45rem/1.25 Hangry,sans-serif;font-style:italic;color:var(--yellow);margin-top:28px}.golden{position:absolute;right:4%;bottom:15px;height:92%;width:46%;z-index:2;filter:drop-shadow(0 7px 10px #00000099)}.lore-street{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:flex-end;opacity:.45}.lore-street img{width:35%;height:80%;object-fit:contain;object-position:bottom}.section-heading{text-align:center;margin:0 auto 42px}.section-heading h2{color:#ffffff;text-shadow:4px 4px #c9001c;transform:rotate(-2deg)}.franchises{padding-left:30px;padding-right:30px}.franchise-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.franchise-tab{border:3px solid #ffffff;padding:24px 15px 18px;box-shadow:inset 0 0 0 3px #000000,5px 6px #000000;color:#ffffff;background:#c9001c;display:flex;align-items:center;flex-direction:column;text-align:center;transition:transform .2s,filter .2s;position:relative}.franchise-tab.shangri{background:linear-gradient(#ffffff,#000000)}.franchise-tab.bell{background:linear-gradient(#ffffff,#000000)}.franchise-tab.legion{background:linear-gradient(#c9001c,#000000)}.franchise-tab.clownies{background:linear-gradient(#c9001c,#c9001c)}.franchise-tab[aria-selected=true]{outline:3px solid #ffdc00;outline-offset:4px;transform:translateY(-7px)}.franchise-tab:hover{filter:brightness(1.13);transform:translateY(-7px)}.franchise-tab img{height:185px;width:100%;filter:drop-shadow(2px 5px 2px #00000066)}.franchise-tab strong{font:800 clamp(1.4rem,2vw,1.9rem)/1.05 Menu,sans-serif;text-transform:uppercase;min-height:64px;display:flex;align-items:center}.franchise-tab span{font:italic 1rem/1.25 Georgia,serif;min-height:52px;max-width:190px}.franchise-tab b{margin-top:10px;padding:10px 18px;width:100%;background:linear-gradient(#c9001c,#c9001c);border:1px solid #ffdc00;font:700 1rem Menu,sans-serif;text-transform:uppercase}.franchise-tab b i{float:right;font-style:normal}.crew{display:grid;grid-template-columns:1fr 1.5fr;margin-top:32px;min-height:360px;padding:35px;align-items:center;gap:24px}.crew-copy h3{font-size:2.3rem;margin-bottom:15px}.crew-copy p{max-width:390px}.crew-note{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.crew-portraits{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px}.crew-portraits img{width:100%;height:255px;object-position:bottom;filter:drop-shadow(4px 8px 3px #00000044)}.crew-portraits figcaption{font:700 1.13rem Menu,sans-serif;text-transform:uppercase;text-align:center;border-top:2px solid #ffffff;padding-top:12px;margin-top:12px}.monsters{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;align-items:center;background:radial-gradient(ellipse at 70%,#000000,#000000 70%);overflow:hidden;min-height:575px}.monster-copy h2 span{color:#ffdc00}.monster-copy p{max-width:345px}.monsters figure{position:relative;align-self:end}.monsters figure img{height:340px;max-width:100%;filter:drop-shadow(4px 6px 3px #00000077)}.monsters .fury img{border:3px solid #ffffff;transform:rotate(4deg);object-fit:cover}.monsters figcaption{text-align:center;font:700 1.4rem Menu,sans-serif;text-transform:uppercase;color:var(--yellow);padding-top:20px}.play{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.play h2{font-size:4rem}.steps{list-style:none;padding:0;counter-reset:steps;max-width:540px}.steps li{counter-increment:steps;position:relative;padding-left:55px;margin:27px 0}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:35px;height:35px;border:2px solid #000000;background:#ffdc00;text-align:center;font:700 1.6rem/31px Menu,sans-serif;border-radius:50%;box-shadow:2px 2px #ffffff}.steps h3{font-size:1.55rem;margin-bottom:6px}.steps p{font-size:1rem;line-height:1.45}.play-art{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.play-character{height:400px;max-width:90%;filter:drop-shadow(4px 8px 4px #00000044)}.edition-selector{background:#000000;color:#ffffff;border:3px solid #ffffff;width:100%;box-shadow:5px 6px #ffffff;margin-top:-12px;z-index:1}.edition-tabs{display:flex}.edition-tabs button{width:50%;border:0;border-bottom:2px solid #ffffff;color:var(--paper);background:#000000;padding:15px;font:700 1.35rem Menu,sans-serif;text-transform:uppercase}.edition-tabs button[aria-selected=true]{background:#c9001c;color:#ffffff}.edition-selector [role=tabpanel]{padding:26px;min-height:195px}.edition-selector h3{font-size:1.8rem;color:#ffdc00;margin-bottom:13px}.edition-selector p{font-size:1rem}.scenarios{display:grid;grid-template-columns:1fr 1fr;gap:35px;overflow:hidden;background:linear-gradient(90deg,#00000066,#000000 65%),url('assets/desert.webp') center/cover}.scenario-art{position:relative;min-height:510px}.scenario-art img{position:absolute;width:68%;height:95%;filter:drop-shadow(6px 7px 5px #00000077)}.scenario-art img:first-child{left:-13%;top:0;rotate:-12deg}.scenario-art img:last-child{right:-5%;bottom:-40px;rotate:12deg}.scenario-copy{z-index:1}.scenario-copy h2 span{color:var(--yellow)}.scenario-count{display:flex;gap:15px;margin:25px 0}.scenario-count span{width:64px;height:64px;border:2px solid #ffffff;background:#c9001c;display:grid;place-items:center;font:700 2rem Menu,sans-serif;rotate:-5deg;box-shadow:4px 4px #000000}.scenario-count span:nth-child(even){rotate:4deg;background:#000000}.fineprint{font-size:.87rem;opacity:.83}.events{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:55px;margin-bottom:55px}.events h2{font-size:4.3rem}.events p{max-width:440px}.event-board{background:#000000;color:#ffffff;padding:34px;border:4px solid #ffffff;transform:rotate(2deg);box-shadow:7px 7px #ffffff}.event-board .eyebrow{color:#ffdc00}.event-board h3{font-size:2.5rem;color:#ffdc00;margin:15px 0}.event-board .button{margin-top:25px}.join{min-height:570px;overflow:hidden;background:linear-gradient(90deg,#c9001c,#c9001c99),url('assets/desert.webp') center/cover;margin-bottom:0}.join>div{position:relative;z-index:2;max-width:690px}.join h2{font-size:6rem;text-shadow:4px 4px #c9001c;color:#ffffff}.join .button{margin-top:28px;background:linear-gradient(#ffdc00,#ffdc00);color:#000000;box-shadow:0 0 0 2px #c9001c,0 5px 0 #c9001c}.join>img{position:absolute;height:110%;width:45%;right:-4%;bottom:-14%;rotate:-7deg;filter:drop-shadow(9px 9px 4px #00000055)}.signup-note{font-size:.9rem;margin-top:19px}.join .fineprint{margin-top:25px}footer{max-width:1320px;margin:auto;padding:40px 25px;display:flex;gap:28px;align-items:center;font-size:.9rem}footer img{width:140px;height:85px}footer p{flex:1}.motion-toggle{border:1px solid #ffffff;background:transparent;color:inherit;padding:8px 12px;font-size:.85rem}footer>a:not(:first-child){white-space:nowrap}body.motion-off{--scene-offset:0px!important;--cast-offset:0px!important}
@media(min-width:1500px){.hero{min-height:860px}.hero-copy{padding-top:125px}.cast-jack{left:-1%}.cast-holy{right:-1%}}@media(max-width:1150px){.masthead{gap:15px;padding:13px 20px}.masthead nav{gap:13px;margin-left:125px}.brand,.brand img{width:145px;height:180px}.masthead nav a{font-size:.93rem}.nav-cta{padding:10px 15px}.section{padding:64px 36px}.about{padding:64px 20px}.about-paper{padding:35px}.hero-copy{width:65%}.cast-commodore{left:5%}.cast-za{right:5%}.cast-jack{left:-14%;height:75%;top:15%}.cast-holy{right:-12%;height:77%;top:15%}.franchise-tabs{gap:12px}.franchise-tab{padding:20px 10px 14px}.franchise-tab img{height:155px}.crew{padding:25px}.crew-portraits img{height:220px}.play h2{font-size:3.4rem}.monsters{grid-template-columns:1.1fr 1fr}.monsters .fury{display:none}.join>img{opacity:.7}}
@media(max-width:850px){html{scroll-padding-top:82px}.masthead{min-height:76px;padding-left:135px}.brand,.brand img{width:115px;height:140px}.brand{left:10px}.menu-toggle{display:flex;align-items:center;gap:20px;background:transparent;color:#ffffff;border:1px solid #ffffff;padding:10px 15px;font:700 1rem Menu,sans-serif;text-transform:uppercase;margin-left:auto}.masthead nav{display:none;position:absolute;top:72px;left:0;right:0;background:#000000;padding:20px 25px;margin:0;grid-template-columns:repeat(2,1fr);box-shadow:0 8px 10px #00000066}.masthead nav.open{display:grid}.masthead nav a{text-align:center;padding:13px}.hero{min-height:810px}.hero-copy{width:85%;padding-top:90px}.hero h1{font-size:5.4rem}.hero-copy .eyebrow{font-size:.77rem}.hero-cast{opacity:.9}.cast-jack{left:-27%;top:32%;height:62%}.cast-commodore{left:-10%;top:38%;height:58%}.cast-holy{right:-29%;top:31%;height:64%}.cast-za{right:-12%;top:39%;height:59%}.feature-rail{padding:16px 12px;gap:7px}.feature-rail a{gap:8px}.feature-rail strong{font-size:2.3rem}.feature-rail span{font-size:.88rem}.about{grid-template-columns:1fr}.about-picture{height:340px;transform:none}.about-paper{transform:none}.about-paper h2{font-size:3.6rem}.lore-copy{width:56%}.golden{right:-13%;width:59%;height:83%}.lore-street{opacity:.22}.franchise-tabs{grid-template-columns:repeat(2,1fr);gap:25px 17px}.franchise-tab img{height:190px}.franchise-tab strong{font-size:1.7rem;min-height:45px}.franchise-tab span{min-height:35px}.crew{grid-template-columns:1fr;gap:25px}.crew-copy p{max-width:100%}.crew-portraits img{height:270px}.play{grid-template-columns:1fr}.play-art{display:grid;grid-template-columns:1fr 1.4fr;align-items:center}.play-character{height:300px}.edition-selector{margin:0}.scenarios{grid-template-columns:1fr;min-height:760px}.scenario-copy{max-width:480px}.scenario-art{position:absolute;right:-8%;bottom:-25px;width:50%;height:420px;opacity:.6}.scenario-art img:first-child{display:none}.scenario-art img:last-child{width:100%}.events{gap:30px}.events h2{font-size:3.5rem}.event-board{padding:24px}.event-board h3{font-size:2rem}.join>img{right:-15%;opacity:.45;width:65%}footer{flex-wrap:wrap}footer p{min-width:50%}}
@media(max-width:540px){body{font-size:16px}.section{padding:52px 23px}.masthead{padding:10px 13px 10px 115px;gap:12px}.nav-cta{font-size:.9rem;padding:10px}.menu-toggle{font-size:.9rem;padding:10px;gap:8px}.hero{min-height:785px}.hero-copy{width:96%;padding:100px 9px 130px}.hero h1{font-size:clamp(3.5rem,13.5vw,4.8rem);text-shadow:3px 3px 0 #c9001c,-1px -1px 0 #c9001c,5px 5px #000000}.hero-copy .eyebrow{font-size:.65rem;letter-spacing:0;padding:7px 10px}.hero-ticket{font-size:1.05rem;margin-top:25px}.hero .button.big{font-size:1.12rem;padding:16px 20px}.cast-jack{left:-35%;top:32%;height:62%}.cast-holy{right:-37%;top:37%;height:57%}.cast-commodore,.cast-za{display:none}.feature-rail{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.feature-rail a:nth-child(2){border:0}.feature-rail a{justify-content:flex-start;padding-left:14px}.feature-rail strong{font-size:2.2rem;min-width:56px}.feature-rail span{font-size:.9rem}.about{padding:35px 14px}.about-picture{height:275px}.road-sign{left:22px;bottom:25px;font-size:2rem;padding:15px}.about-paper{padding:34px 24px}.about-paper h2{font-size:3.2rem}.lore{padding-bottom:335px;min-height:900px}.lore-copy{width:100%}.golden{height:400px;width:72%;right:-4%;bottom:-12px}.lore-street img{height:45%;width:65%}.lore-street{opacity:.4}.franchises{padding:50px 20px}.section-heading h2{font-size:2.8rem}.franchise-tab{padding:16px 10px}.franchise-tab img{height:125px}.franchise-tab strong{font-size:1.28rem;min-height:55px}.franchise-tab span{font-size:.88rem;min-height:49px}.franchise-tab b{font-size:.9rem;padding:9px 7px}.franchise-tab b i{display:none}.crew{padding:26px 20px}.crew-copy h3{font-size:2.25rem}.crew-portraits{gap:7px}.crew-portraits img{height:170px}.crew-portraits figcaption{font-size:.94rem;min-height:50px}.monsters{grid-template-columns:1fr;padding-bottom:30px}.monster-copy p{max-width:none}.monsters .mustturd{width:65%;justify-self:center}.monsters figure img{height:330px}.play h2{font-size:3rem}.play-art{grid-template-columns:1fr}.play-character{height:280px;justify-self:center;margin-bottom:-35px}.edition-selector{position:relative}.edition-selector [role=tabpanel]{min-height:195px}.scenario-copy h2{font-size:3.6rem}.scenarios{min-height:790px;padding-bottom:290px}.scenario-art{height:310px;min-height:310px;width:75%;right:-8%;opacity:.8}.scenario-count span{width:50px;height:50px}.events{grid-template-columns:1fr;margin:30px 13px;padding:36px 24px}.events h2{font-size:3.5rem}.event-board{transform:none}.join{padding-bottom:185px}.join h2{font-size:4.7rem}.join>img{height:300px;width:70%;right:-16%;opacity:.68;bottom:-60px}.join .button.big{font-size:1.15rem}.join p{position:relative;z-index:1}.join .fineprint{max-width:250px}footer{gap:20px;padding:25px 20px}footer p{flex-basis:45%;font-size:.83rem}footer img{width:110px}.motion-toggle{margin-left:auto;font-size:.77rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.cast,.hero-landscape{transform:none!important}}@media(min-width:851px) and (max-height:650px){.brand img{height:160px}.hero{min-height:710px}}

/* Mockup-inspired metal enclosure, enamel signage, and parchment panels. */
@font-face{font-family:Counter;src:url('assets/body.otf') format('opentype');font-weight:400;font-display:swap}
:root{--max:1400px;--paper:#ffffff;--edge:#ffffff;--steel:linear-gradient(135deg,#000000 0%,#ffffff 4%,#ffffff 5%,#000000 8%,#ffffff 45%,#000000 48%,#ffffff 50%,#000000 91%,#ffffff 95%,#000000 98%);--bolts:radial-gradient(circle at 9px 9px,#000000 0 1px,#ffffff 1.5px 3px,#000000 3.5px 5px,#000000 5.5px 7px,transparent 7.5px),radial-gradient(circle at calc(100% - 9px) 9px,#000000 0 1px,#ffffff 1.5px 3px,#000000 3.5px 5px,#000000 5.5px 7px,transparent 7.5px),radial-gradient(circle at 9px calc(100% - 9px),#000000 0 1px,#ffffff 1.5px 3px,#000000 3.5px 5px,#000000 5.5px 7px,transparent 7.5px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#000000 0 1px,#ffffff 1.5px 3px,#000000 3.5px 5px,#000000 5.5px 7px,transparent 7.5px)}
body{font-family:Counter,'Arial Narrow',Arial,sans-serif;font-size:20px;line-height:1.4;background:radial-gradient(ellipse at top,#000000,#000000 80%);padding:0 18px}
main{max-width:1400px;margin:auto;border:2px solid #ffffff;outline:3px solid #000000;box-shadow:0 0 0 7px #ffffff,0 18px 45px #00000088;background:#000000}
h1,h2{letter-spacing:-.015em;line-height:1.03}h3{letter-spacing:-.01em}p{line-height:1.4}.eyebrow{letter-spacing:.04em;font-size:1rem}
.masthead{max-width:1408px;margin:auto;padding:12px 13px 12px 170px;gap:10px;min-height:100px;border:7px solid transparent;border-image:var(--steel) 12;background:var(--bolts),linear-gradient(#000000,#000000);box-shadow:0 2px 0 #000000,0 5px 0 #ffffff,0 9px 0 #000000}
.brand{left:-14px;top:-12px;width:195px}.brand img{width:195px;height:213px}.masthead nav{margin:0;gap:3px;align-self:stretch}.masthead nav a{display:flex;align-items:center;justify-content:center;flex:1;background:var(--bolts),linear-gradient(140deg,#000000,#000000);border:1px solid #ffffff;border-radius:3px;color:#ffffff;padding:13px 9px;font-size:1rem;box-shadow:inset 0 0 0 2px #000000,0 2px 2px #00000088}.masthead nav a:hover,.masthead nav a.active{background:var(--bolts),linear-gradient(#ffdc00,#ffdc00);color:#000000;border-color:#ffdc00}
.button,.franchise-tab b{position:relative;border:5px solid #000000;border-radius:5px;background:var(--bolts),linear-gradient(#c9001c 0,#c9001c 12%,#c9001c 80%,#c9001c);box-shadow:inset 0 0 0 1px #ffffff,inset 0 0 0 3px #c9001c,0 0 0 1px #ffffff,0 4px 0 #000000;color:#ffffff;padding:14px 24px;text-shadow:1px 2px #c9001c;font-size:1.25rem}.nav-cta{padding:13px 20px;font-size:1.25rem}.hero{min-height:770px}.hero-copy{padding-top:105px}.hero h1{font-size:clamp(4rem,6.8vw,6.4rem);-webkit-text-stroke:1px #ffffff;paint-order:stroke fill;text-shadow:3px 0 #c9001c,-3px 0 #c9001c,0 3px #c9001c,0 -3px #c9001c,6px 6px #c9001c,9px 10px #000000}.hero h1 span{color:#ffffff}.hero-ticket{border:3px solid #000000;box-shadow:inset 0 0 0 2px #ffdc00,4px 5px #000000}.hero-landscape{background-image:linear-gradient(0deg,#000000aa,transparent 33%),url('assets/desert.webp')}.feature-rail{background:var(--bolts),linear-gradient(#000000,#000000);border:5px solid #ffffff;box-shadow:inset 0 0 0 2px #ffffff;padding:17px 3%}
.section{padding:64px 44px;margin-top:18px;margin-bottom:0}.metal-frame{border:12px solid transparent;border-image:var(--steel) 16;box-shadow:inset 0 0 0 2px #000000,0 3px 0 #000000}.metal-frame:after{inset:-9px;background:var(--bolts);border:1px solid #000000;z-index:5}
.paper{background:radial-gradient(ellipse at 15% 4%,#ffffff40,transparent 23%),radial-gradient(ellipse at 90% 96%,#ffffff55,transparent 24%),repeating-linear-gradient(7deg,transparent 0 7px,#ffffff10 8px,transparent 9px 17px),linear-gradient(110deg,#ffffff,#ffffff 57%,#ffffff);border:5px solid #000000;outline:1px solid #ffffff;box-shadow:inset 0 0 0 2px #ffffff,inset 0 0 0 5px #ffffff,inset 0 0 32px #ffffff55;color:#000000;position:relative;border-radius:4px}
.paper:after{content:'';position:absolute;inset:0;background:var(--bolts);pointer-events:none;z-index:3}.paper h2{color:#000000;text-shadow:1px 1px #ffffff}.about{padding:0;gap:0;align-items:stretch}.about-picture{height:auto;min-height:510px;transform:none}.about-picture>img{position:absolute;inset:0;height:100%;object-position:35%}.about-paper{transform:none;padding:45px 38px}.about-paper h2{font-size:3.5rem}.road-sign{border:8px solid #000000;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff,0 0 0 2px #ffffff,6px 9px #000000;background:linear-gradient(#c9001c,#c9001c);font-size:2.6rem}.lore{min-height:690px;background-image:linear-gradient(90deg,#000000f5 10%,#000000a6 46%,transparent 82%),url('assets/desert.webp')}.lore-copy h2,.monster-copy h2,.scenario-copy h2,.join h2{color:#ffffff;text-shadow:3px 3px #c9001c,5px 6px #000000}.lore-copy h2 span,.monster-copy h2 span,.scenario-copy h2 span{color:#ffffff}.lore-copy p:not(.eyebrow){font-size:1.3rem}.franchises{background:linear-gradient(#00000099,#000000e8),url('assets/desert.webp') center/cover;padding:20px 23px 27px}.section-heading{background:var(--bolts),repeating-linear-gradient(170deg,transparent 0 29px,#00000022 30px,transparent 31px),linear-gradient(125deg,#c9001c,#c9001c);border:12px solid transparent;border-image:var(--steel) 16;padding:27px 20px 24px;margin-bottom:24px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px #000000}.section-heading h2{order:-1;margin-bottom:12px;font-size:clamp(2.5rem,4.7vw,4.8rem);color:#ffffff;text-shadow:3px 3px #c9001c;transform:rotate(-2deg)}.section-heading .eyebrow{font:800 italic 1.6rem Hangry,sans-serif;letter-spacing:0;margin-bottom:10px}.section-heading>p:last-child{font-size:1.1rem}
.franchise-tabs{gap:13px}.franchise-tab{border:10px solid transparent;border-image:var(--steel) 15;padding:16px 0 0;box-shadow:inset 0 0 0 2px #000000,0 5px 4px #000000;overflow:visible}.franchise-tab:after{content:'';pointer-events:none;position:absolute;inset:-8px;background:var(--bolts);z-index:2}.franchise-tab[aria-selected=true]{outline:3px solid #ffdc00;outline-offset:1px;transform:none}.franchise-tab:hover{transform:translateY(-3px)}.franchise-tab>img{height:175px;padding:0 10px}.franchise-tab strong{font-size:clamp(1.45rem,2.3vw,2.2rem);min-height:83px;padding:12px 7px;width:100%;border-top:3px solid #ffdc00;border-bottom:3px solid #000000;background:#0000003d;text-shadow:2px 3px #000000;justify-content:center}.franchise-tab>span{font:800 italic 1.12rem/1.15 Hangry,sans-serif;text-transform:uppercase;min-height:77px;padding:17px 13px;max-width:100%;width:100%}.franchise-portrait{height:245px;width:100%;overflow:hidden;border-top:4px solid #000000;border-bottom:3px solid #000000;background:linear-gradient(#00000033,#00000077),url('assets/desert.webp') center/cover}.franchise-portrait img{width:100%;height:350px;object-fit:contain;object-position:top;filter:drop-shadow(3px 4px 2px #00000099);margin:9px auto 0}.franchise-tab b{margin:12px 8px;width:calc(100% - 16px);padding:13px 4px;font-size:1.05rem;border-width:4px}.franchise-tab b i{display:none}.crew{margin-top:25px;padding:30px;grid-template-columns:.9fr 1.6fr;gap:25px}.crew-copy h3{font:800 italic 2.6rem/1 Hangry,sans-serif}.crew-portraits{gap:13px}.crew-portraits figure{background:linear-gradient(#000000,#000000);border:4px solid #ffffff;box-shadow:0 0 0 1px #000000,inset 0 0 20px #00000080;border-radius:4px;overflow:hidden}.crew-portraits img{height:275px;padding:10px 6px 0}.crew-portraits figcaption{background:#ffffff;color:#000000;border-top:3px solid #ffffff;margin:0;padding:13px 4px;min-height:60px;display:grid;place-items:center}
.monsters{background-image:linear-gradient(90deg,#000000 15%,#000000bb 55%,#00000077),url('assets/desert.webp');background-size:cover;background-position:center}.monsters figure{padding:15px 12px;background:linear-gradient(#000000e6,#000000);border:7px solid transparent;border-image:var(--steel) 12;box-shadow:0 0 0 1px #000000}.monsters figcaption{font-size:1.4rem;color:#ffffff}.monsters .fury img{transform:none;border:0}.play{padding:48px 42px}.edition-selector{border:8px solid transparent;border-image:var(--steel) 14;box-shadow:0 3px #000000}.edition-tabs button{background:var(--bolts),linear-gradient(#000000,#000000);padding:18px 12px}.edition-tabs button[aria-selected=true]{background:var(--bolts),linear-gradient(#c9001c,#c9001c)}.edition-selector [role=tabpanel]{background:#000000}.scenarios{background-image:linear-gradient(90deg,#00000044,#000000e0 62%),url('assets/desert.webp')}.scenario-count span{border:5px solid #ffffff;box-shadow:inset 0 0 0 1px #ffffff,0 0 0 1px #ffffff,3px 4px #000000;background:linear-gradient(#c9001c,#c9001c)}.events{margin:18px 0 0;background-color:#ffffff}.event-board{background:var(--bolts),linear-gradient(#000000,#000000);border:10px solid transparent;border-image:var(--steel) 12;transform:rotate(-2deg);box-shadow:5px 8px #ffffff}.join{margin-top:18px}.join .button{background:var(--bolts),linear-gradient(#ffdc00,#ffdc00);text-shadow:none}.fineprint,.signup-note{font-size:1rem}footer{font-family:Counter,Arial,sans-serif;font-size:1rem}
@media(min-width:1500px){.hero{min-height:800px}.hero-copy{padding-top:110px}}
@media(max-width:1150px){body{padding:0 10px}.masthead{padding-left:140px;gap:6px}.brand,.brand img{width:157px;height:183px}.masthead nav{gap:2px;margin:0}.masthead nav a{padding:10px 5px;font-size:.91rem}.nav-cta{padding:12px;font-size:1.1rem}.franchise-tab>img{height:150px}.franchise-portrait{height:210px}.franchise-portrait img{height:300px}.franchise-tab strong{min-height:75px}.crew-portraits img{height:225px}.section{padding:45px 30px}.about{padding:0}.franchises{padding:20px}.play{padding:38px 28px}.monsters{grid-template-columns:1.1fr 1fr}}
@media(max-width:850px){.masthead{min-height:82px;padding:9px 10px 9px 120px}.brand,.brand img{width:137px;height:160px}.brand{left:-10px}.masthead nav{top:65px;padding:14px;background:#000000;border:5px solid #ffffff}.masthead nav a{padding:16px;font-size:1.05rem}.menu-toggle{background:linear-gradient(#000000,#000000);border:2px solid #ffffff}.hero{min-height:800px}.hero-copy{padding-top:100px}.hero h1{font-size:5.2rem}.about-picture{min-height:350px}.franchise-tab>img{height:180px}.franchise-tab strong{min-height:60px;font-size:1.9rem}.franchise-tab>span{min-height:68px}.franchise-portrait{height:230px}.franchise-portrait img{height:330px}.crew{grid-template-columns:1fr}.crew-portraits img{height:270px}.section-heading h2{font-size:3.3rem}.section-heading .eyebrow{font-size:1.4rem}.lore-copy h2{font-size:3.4rem}.events{gap:25px}.event-board{padding:22px}.event-board h3{font-size:2rem}}
@media(max-width:540px){body{padding:0 7px;font-size:19px}main{border-width:1px;box-shadow:0 0 0 4px #ffffff}.masthead{padding-left:91px;gap:7px;min-height:76px;border-width:4px}.brand,.brand img{width:105px;height:135px}.brand{left:-8px;top:-7px}.nav-cta{font-size:.94rem;padding:12px 8px;border-width:3px}.menu-toggle{font-size:.94rem;gap:5px;padding:10px 7px}.masthead nav{top:65px}.hero{min-height:780px}.hero-copy{padding-top:105px;width:100%}.hero h1{font-size:clamp(3.3rem,12.9vw,4.5rem);-webkit-text-stroke:0}.hero-copy .eyebrow{font-size:.75rem}.metal-frame{border-width:8px}.metal-frame:after{inset:-7px}.section{padding:40px 20px;margin-top:13px}.about{padding:0}.about-picture{min-height:290px}.about-paper{padding:35px 24px}.about-paper h2{font-size:2.9rem}.road-sign{font-size:1.8rem;border-width:5px;left:20px;bottom:25px}.lore{padding-bottom:345px}.lore-copy h2{font-size:3rem}.lore-copy p:not(.eyebrow){font-size:1.18rem}.franchises{padding:13px 12px 20px}.section-heading{padding:24px 12px 20px;border-width:8px}.section-heading h2{font-size:2.5rem}.section-heading .eyebrow{font-size:1.1rem}.section-heading>p:last-child{font-size:1rem}.franchise-tabs{gap:17px 10px}.franchise-tab{border-width:6px;padding-top:12px}.franchise-tab:after{inset:-5px}.franchise-tab>img{height:116px;padding:0 4px}.franchise-tab strong{font-size:1.3rem;min-height:65px;padding:10px 4px}.franchise-tab>span{font-size:.94rem;min-height:82px;padding:14px 7px}.franchise-portrait{height:165px}.franchise-portrait img{height:230px;padding:0}.franchise-tab b{font-size:.88rem;padding:12px 3px;margin:8px 5px;width:calc(100% - 10px);border-width:3px}.crew{padding:27px 14px}.crew-copy h3{font-size:2.2rem}.crew-portraits{gap:6px}.crew-portraits figure{border-width:2px}.crew-portraits img{height:156px;padding:5px 2px 0}.crew-portraits figcaption{font-size:.88rem;min-height:62px;padding:10px 3px}.monsters{grid-template-columns:1fr}.monsters .mustturd{width:90%;margin-top:10px}.monsters figure img{height:285px}.play h2{font-size:2.8rem}.edition-selector{border-width:6px}.edition-tabs button{font-size:1.15rem;padding:17px 7px}.edition-selector [role=tabpanel]{padding:22px}.scenarios{padding-bottom:290px}.scenario-copy h2{font-size:3.2rem}.events{margin:13px 0 0;padding:35px 23px}.events h2{font-size:3.1rem}.event-board{transform:none;padding:23px 18px}.join{padding-bottom:180px}.join h2{font-size:4.3rem}.feature-rail{border-width:3px;padding:14px 8px}.feature-rail a{padding-left:5px}.feature-rail strong{min-width:48px;font-size:2rem}.feature-rail span{font-size:.83rem}.join .button.big{padding:17px 14px;font-size:1.08rem}}

/* Supplied home composition and centered title artwork. */
.hero{min-height:0!important;background:#000000;max-width:none}
.hero:before{display:none}
.hero-artwork{position:relative;isolation:isolate}
.home-hero-image{width:100%;height:auto;display:block;object-fit:contain}
.hero h1.hero-fff{position:absolute;left:50%;top:45%;width:50%;margin:0;transform:translate(-50%,-50%);font-size:inherit;line-height:1;text-shadow:none;-webkit-text-stroke:0;filter:drop-shadow(3px 7px 0 #00000080);z-index:2;animation:hero-title-arrive 1.5s ease-out .25s both}
.hero-fff img{width:100%;height:auto}
.hero-actions{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;text-align:center;z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px}
.hero-actions .hero-ticket{margin:0;padding:12px 24px;font-size:1.25rem;line-height:1.1}
.hero-actions .button.big{font-size:1.25rem;padding:17px 27px}
.hero .feature-rail{position:relative;left:auto;right:auto;bottom:auto}
@keyframes hero-title-arrive{from{opacity:0}to{opacity:1}}
body.motion-off .hero-fff{animation:none!important;opacity:1}
@media(max-width:850px){.hero-actions{bottom:4%;gap:13px}.hero-actions .hero-ticket{font-size:1.03rem;padding:9px 17px}.hero-actions .button.big{font-size:1.05rem;padding:13px 18px}}
@media(max-width:540px){.hero h1.hero-fff{top:calc((100vw - 36px)*.357);width:55%;animation-duration:1.2s}.hero-actions{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;padding:21px 12px 24px;background:linear-gradient(#000000,#000000);gap:17px}.hero-actions .hero-ticket{font-size:1.08rem;padding:11px 23px}.hero-actions .button.big{font-size:1.1rem;padding:16px 23px}}
@media(prefers-reduced-motion:reduce){.hero h1.hero-fff{animation:none;opacity:1}}
/* Dedicated section and franchise pages. */
.interior-page{min-height:70vh}.interior-page>.section{margin-top:0;min-height:65vh}.franchise-tab{text-decoration:none}.masthead nav a[aria-current=page]{background:var(--bolts),linear-gradient(#ffdc00,#ffdc00);color:#000000}.franchise-banner{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(90deg,#000000ed 15%,#00000066 75%),url('assets/desert.webp') center/cover;padding:45px 55px}.franchise-intro{width:58%;position:relative;z-index:2}.franchise-intro>a{display:block;margin-bottom:16px}.franchise-insignia{height:130px;width:160px;object-position:left}.franchise-intro h1{font-size:clamp(2.8rem,5vw,5rem);color:#ffffff;text-shadow:4px 4px #c9001c;margin:16px 0}.franchise-intro p{max-width:600px;margin-top:22px}.franchise-intro .handwritten{font-size:1.7rem}.franchise-leader{position:absolute;right:1%;bottom:0;height:94%;width:42%;object-position:bottom;filter:drop-shadow(7px 8px 3px #00000099)}.franchise-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:14px;background:#000000}.franchise-side{display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:120px}.franchise-side a{background:var(--bolts),linear-gradient(#000000,#000000);border:4px solid #ffffff;padding:20px 17px;font:700 1.2rem Menu,sans-serif;text-transform:uppercase;text-decoration:none}.franchise-side a:hover{background:#c9001c}.franchise-content{padding:35px;min-width:0}.franchise-content section{scroll-margin-top:125px}.franchise-content h2{font-size:2.7rem;line-height:1.1}.franchise-content #overview{max-width:850px;margin-bottom:50px}.associate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:38px;align-items:start}.associate-card{display:flex;flex-direction:column;background:#ffffff;border:3px solid #ffffff;border-radius:4px;text-decoration:none;text-align:center;box-shadow:2px 3px #000000}.associate-card:hover{outline:3px solid #c9001c}.associate-art{height:220px;background:linear-gradient(#000000,#000000);padding:9px 5px 0}.associate-art img{width:100%;height:100%;object-fit:contain;object-position:bottom}.associate-card span{font:700 1.15rem Menu,sans-serif;padding:12px 5px 5px}.associate-card small{font-size:1rem;padding:0 4px 12px}.associate-bio{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;border-top:3px double #ffffff;padding:35px 0;scroll-margin-top:125px}.associate-bio:not(:has(>img)){grid-template-columns:1fr}.associate-bio h3{font-size:2.4rem;margin-bottom:12px}.associate-bio>img{position:sticky;top:130px;align-self:start;width:100%;max-height:420px}.associate-bio p{margin-top:15px}.associate-bio .eyebrow{font-size:1.12rem}.franchise-closing{border-top:5px double #ffffff;padding-top:30px}.franchise-closing h2{font-size:2.1rem}#associates>h2{margin-bottom:25px}
@media(max-width:1150px){.masthead nav a{font-size:.85rem;padding:10px 4px}.franchise-body{grid-template-columns:150px minmax(0,1fr)}.franchise-content{padding:27px}.associate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.associate-bio{grid-template-columns:minmax(0,1fr) 155px;gap:20px}}
@media(max-width:850px){.franchise-banner{padding:40px 25px;min-height:590px}.franchise-intro{width:66%}.franchise-intro h1{font-size:3rem}.franchise-leader{right:-8%;width:47%;opacity:.85}.franchise-body{display:block}.franchise-side{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:14px}.franchise-side a{padding:13px;font-size:1rem}.masthead nav a{font-size:1rem}}
@media(max-width:540px){.franchise-banner{padding:30px 20px 260px}.franchise-intro{width:100%}.franchise-intro h1{font-size:2.6rem}.franchise-leader{height:275px;bottom:0;right:0;width:65%;opacity:1}.franchise-insignia{height:100px}.franchise-body{padding:8px}.franchise-content{padding:25px 17px}.franchise-content h2{font-size:2.1rem}.associate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.associate-art{height:175px}.associate-bio{display:flex;flex-direction:column;gap:15px}.associate-bio>img{position:static;max-height:230px;order:-1}.associate-bio h3{font-size:2rem}.franchise-side{gap:5px}.franchise-side a{font-size:.9rem;padding:12px 8px}.franchise-content section,.associate-bio{scroll-margin-top:100px}}
/* Franchise restaurants: complete facade above the introduction. */
.franchise-banner.restaurant-hero{padding:0;min-height:0;background:#000000;display:flex;flex-direction:column;overflow:hidden}
.restaurant-art{width:100%;height:auto;object-fit:contain;display:block}
.restaurant-hero .franchise-intro{width:100%;padding:28px 38px 32px;display:grid;grid-template-columns:125px minmax(0,1fr);column-gap:28px;background:var(--bolts),linear-gradient(110deg,#000000,#000000)}
.restaurant-hero .franchise-intro>a{grid-column:2;margin:0 0 8px;font-size:.95rem}
.restaurant-hero .franchise-insignia{grid-column:1;grid-row:1/5;width:125px;height:145px;align-self:center;object-position:center}
.restaurant-hero .franchise-intro h1{grid-column:2;font-size:clamp(2.1rem,4vw,3.7rem);margin:0;line-height:1.08}
.restaurant-hero .franchise-intro p{grid-column:2;max-width:950px;margin-top:15px}
.restaurant-hero .franchise-intro .handwritten{font-size:1.45rem;margin-top:12px}
@media(max-width:540px){.restaurant-hero .franchise-intro{padding:24px 19px;grid-template-columns:66px minmax(0,1fr);gap:0 14px}.restaurant-hero .franchise-insignia{width:66px;height:95px;grid-row:1/3}.restaurant-hero .franchise-intro h1{font-size:1.8rem}.restaurant-hero .franchise-intro p{grid-column:1/-1}.restaurant-hero .franchise-intro .handwritten{font-size:1.2rem}}
/* The supplied arena panorama is the Lore page's hero. */
.interior-page>.arena-lore{padding:0;min-height:0;background:#000000;display:block}
.lore-arena{width:100%;height:auto;display:block;object-fit:contain}
.arena-lore .lore-copy{width:100%;max-width:1000px;padding:40px 48px;margin:auto}
.arena-lore .lore-copy h2{font-size:clamp(2.5rem,4vw,4rem)}
.arena-lore .lore-copy p:not(.eyebrow){max-width:850px}
@media(max-width:540px){.arena-lore .lore-copy{padding:32px 24px}}
.monsters .beefclops img{object-fit:contain;border:0;transform:none}
@media(min-width:541px) and (max-width:1150px){.monsters .beefclops{grid-column:2}}
@media(max-width:540px){.monsters .beefclops{width:90%;justify-self:center;margin-top:15px}}
/* Scenario menu and field guides, using official art throughout. */
.scenario-pages{background:#000000}
.scenario-mast{min-height:255px;padding:48px 44px 35px;background:linear-gradient(90deg,#000000d9,#00000066),url('assets/lore-arena.webp') center 48%/cover}
.scenario-mast h1{font-size:clamp(2.7rem,5vw,5rem);color:#ffffff;text-shadow:3px 3px #c9001c,6px 6px #000000;max-width:1080px;transform:rotate(-2deg)}
.scenario-mast>p{font:800 italic 1.6rem/1.15 Hangry,sans-serif;color:#ffdc00;text-transform:uppercase;margin-top:22px;text-shadow:2px 2px #c9001c}
.scenario-mast>a{display:block;margin-bottom:18px}
.scenario-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:20px}
.scenario-choice{overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px #ffffff,4px 6px #000000}
.scenario-choice h2{position:relative;z-index:2;background:var(--bolts),linear-gradient(#000000,#000000);color:#ffffff;text-shadow:1px 2px #000000;font:700 1.85rem/1.1 Menu,sans-serif;padding:22px 13px;margin:0;text-align:center;min-height:105px;display:grid;place-items:center;border-bottom:3px solid #ffffff}
.scenario-scene{position:relative;height:260px;overflow:hidden;background:linear-gradient(#00000033,#00000077),url('assets/desert.webp') center/cover;border-bottom:3px solid #ffffff}
.scenario-scene img{position:absolute;height:95%;width:64%;bottom:-5px;object-fit:contain;filter:drop-shadow(4px 7px 2px #00000099)}
.scenario-scene img:first-child{left:-6%;rotate:-7deg;z-index:1}.scenario-scene img:last-child{right:-5%;rotate:7deg}
.scenario-choice-copy{padding:25px 22px;display:flex;flex:1;flex-direction:column;gap:17px}.scenario-choice-copy p{margin:0}.scenario-choice-copy .eyebrow{font-size:1rem}.scenario-choice-copy .button{margin-top:auto}
.scenario-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 290px;gap:14px;padding:17px;align-items:start}
.scenario-rulebook{padding:35px;min-width:0}.scenario-rulebook section{scroll-margin-top:120px;padding:0 0 35px;margin:0 0 30px;border-bottom:3px double #ffffff}
.scenario-rulebook h2{font-size:2.5rem;margin-bottom:23px}.scenario-rulebook h3{font-size:1.6rem;margin:26px 0 14px}.scenario-rulebook p{margin-top:16px}.scenario-rulebook .eyebrow{margin-top:0}
.scenario-cast{position:sticky;top:125px;background:#000000;border:6px solid transparent;border-image:var(--steel) 12;padding-bottom:20px}
.scenario-cast .scenario-scene{height:470px;border:0;background:linear-gradient(#00000033,#000000aa),url('assets/desert.webp') center/cover}
.scenario-cast .scenario-scene img:first-child{width:98%;height:85%;top:0;left:0}.scenario-cast .scenario-scene img:last-child{height:46%;width:80%;bottom:-5%;right:-13%}
.scenario-cast>p{font:800 italic 2rem/1.05 Hangry,sans-serif;color:#ffdc00;text-transform:uppercase;padding:22px 17px 5px;text-shadow:2px 3px #c9001c;text-align:center}
.rules-table{max-width:100%;overflow-x:auto;margin:20px 0;border:2px solid #ffffff}.rules-table table{border-collapse:collapse;min-width:100%;font-size:1rem;line-height:1.3}.rules-table th{background:#000000;color:#ffffff;text-align:left}.rules-table th,.rules-table td{padding:11px 10px;border:1px solid #ffffff}.rules-table tbody tr:nth-child(even){background:#ffffff4d}.rules-note,.rules-source{font-size:1rem;color:#000000}.scenario-side a{font-size:1.1rem}
@media(max-width:1150px){.scenario-layout{grid-template-columns:155px minmax(0,1fr)}.scenario-cast{display:none}.scenario-choice h2{font-size:1.55rem;min-height:90px}.scenario-choice-copy{padding:22px 15px}.scenario-scene{height:230px}.scenario-rulebook{padding:30px}}
@media(max-width:850px){.scenario-layout{display:block}.scenario-side{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:15px;gap:7px}.scenario-side a{font-size:1rem;padding:12px}.scenario-choices{grid-template-columns:1fr}.scenario-choice{display:grid;grid-template-columns:1fr 1fr}.scenario-choice h2{grid-column:1/-1;min-height:0;font-size:1.8rem;padding:20px}.scenario-scene{height:280px;border-bottom:0}.scenario-mast{padding:40px 28px}.scenario-mast h1{font-size:3.4rem}}
@media(max-width:540px){.scenario-mast{min-height:260px;padding:43px 23px 28px}.scenario-mast h1{font-size:2.6rem}.scenario-mast>p{font-size:1.25rem}.scenario-choices{padding:12px;gap:18px}.scenario-choice{display:flex}.scenario-scene{height:260px;border-bottom:3px solid #ffffff}.scenario-choice-copy{padding:25px 23px}.scenario-layout{padding:10px}.scenario-rulebook{padding:27px 20px}.scenario-rulebook h2{font-size:2.1rem}.scenario-rulebook section{scroll-margin-top:100px}.scenario-side a{font-size:.94rem;padding:12px 9px}}

/* Each franchise manager appears outside their own restaurant. */
.franchise-tab.clownies .franchise-portrait{background-image:linear-gradient(#0000001a,#00000055),url('assets/clownies-restaurant.webp');background-position:center;background-size:cover}
.franchise-tab.shangri .franchise-portrait{background-image:linear-gradient(#0000001a,#00000055),url('assets/shangri-za-restaurant.webp');background-position:center;background-size:cover}
.franchise-tab.bell .franchise-portrait{background-image:linear-gradient(#0000001a,#00000055),url('assets/bell-ringers-restaurant.webp');background-position:center;background-size:cover}
.franchise-tab.legion .franchise-portrait{background-image:linear-gradient(#0000001a,#00000055),url('assets/commodores-legion-restaurant.webp');background-position:center;background-size:cover}

body.admin-bar .masthead{top:32px}@media(max-width:782px){body.admin-bar .masthead{top:46px}}

/* Red, white, yellow and black interface. Official artwork retains its colors. */
:root{--ink:#000;--deep:#000;--yellow:#ffdc00;--red:#c9001c;--paper:#fff;--edge:#fff}
body{background:#000;color:#fff}
.masthead,footer{background:#000;color:#fff}
.button,.nav-cta{background:#c9001c;color:#fff;border-color:#ffdc00}
.button:hover,.nav-cta:hover{background:#ffdc00;color:#000}
.eyebrow{color:#ffdc00}
.paper{background:#fff;color:#000}
.paper .eyebrow{color:#c9001c}
.privacy-copy{max-width:960px;margin:auto;background:#fff;color:#000;padding:clamp(24px,5vw,64px);border:6px solid #ffdc00}
.privacy-copy h1,.privacy-copy h2,.privacy-copy h3{color:#000;text-shadow:none}
.privacy-copy a{color:#a00016;text-decoration:underline}
.privacy-copy p,.privacy-copy li{color:#000}
.privacy-note{padding:12px;border-left:5px solid #c9001c;font-size:1rem}
.events{background:#000;color:#fff}
.franchise-tab.shangri,.franchise-tab.bell{background:#000;color:#fff}
.associate-card{background:#fff;color:#000}
.paper h1,.paper h2,.paper h3,.paper p,.paper li{color:#000;text-shadow:none}
.paper .button{color:#fff}.paper .button:hover{color:#000}
.paper .eyebrow{color:#c9001c}

/* User-supplied BadaBoom BB: headings, navigation and calls to action. */
@font-face{font-family:"BadaBoom BB";src:url("assets/badaboom-bb.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
h1,h2,h3,h4,h5,h6,.crew-copy h3,footer a,
.masthead nav a,.menu-toggle,.button,.nav-cta,
.franchise-tab strong,.franchise-tab b,.franchise-side a,
.edition-tabs button,.eyebrow,.road-sign,
.scenario-choice h2,.scenario-mast>p,.scenario-cast>p,
.motion-toggle,button[type="submit"],input[type="submit"]{
 font-family:"BadaBoom BB",Impact,sans-serif;
 font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:.025em;
}

/* 1.3: warm enamel, supplied brass trim and franchise card/menu artwork. */
:root{--deep:#8d111a;--red:#bd1020;--yellow:#ffd235;--paper:#fff1b8;--ink:#391013;--edge:#ce9948;--steel:linear-gradient(125deg,#633719,#efcc7e 13%,#b17a31 30%,#fff0aa 47%,#976028 65%,#e3b760 85%,#6a3a1b)}
body{background:radial-gradient(ellipse at 8% 0%,#ffcb35 0,transparent 36%),radial-gradient(ellipse at 95% 55%,#e9511e 0,transparent 42%),linear-gradient(140deg,#b91722,#75101d);color:#fff1c1}
main,.interior-page{background:linear-gradient(135deg,#a6101c,#d52f22 55%,#a30d1b);border-color:#bd853d}
.masthead,footer{background:linear-gradient(#bc1f23,#821019);color:#fff2bd}
.masthead nav a,.franchise-side a{background:linear-gradient(#d23926,#9a111b);color:#fff4ce;border-color:#d9a24d}
.masthead nav a:hover,.masthead nav a.active{background:#ffd235;color:#52111a}
.feature-rail,.edition-selector,.event-board{background:linear-gradient(125deg,#a8101b,#d63a23);color:#fff4d2}
.feature-rail,.event-board,.paper,.privacy-copy,.scenario-choice,.edition-selector{border:15px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 15px / 0 stretch;outline:0;box-shadow:0 6px 18px #59101c66}
.paper,.privacy-copy{background:linear-gradient(115deg,#fff3bb,#ffdc72);color:#391013}
.paper h1,.paper h2,.paper h3,.paper p,.paper li,.privacy-copy h1,.privacy-copy h2,.privacy-copy h3,.privacy-copy p,.privacy-copy li{color:#391013}
.paper .eyebrow,.privacy-copy a{color:#99101a}
.button,.nav-cta,.franchise-tab b{background:linear-gradient(#ec3e24,#b6091c);border-color:#e9b85d;color:#fff4cb;text-shadow:1px 2px #84101a}
.button:hover,.nav-cta:hover{background:linear-gradient(#ffe76a,#ffc52c);color:#511018;text-shadow:none}
.events,.join{background:linear-gradient(125deg,#bd1620,#e84b25);color:#fff0bd}
.events .section-heading h2,.join h2{color:#fff1a2}
.franchise-intro{background:linear-gradient(120deg,#b41620,#de3927);color:#fff4d2}
.franchise-side a:hover{background:#ffd235;color:#57121b}
.scenario-choice h2,.scenario-cast{background:linear-gradient(#c22522,#92101a);color:#fff1ae}
.rules-table th{background:#a41520;color:#fff2bb}.rules-table tbody tr:nth-child(even){background:#ffd65c66}
.associate-card{background:linear-gradient(#ffe393,#f8c348);color:#3b1515}
.hg-clownies,.franchise-tab.clownies{--faction:#a71920;--faction-light:#ffe05a;--faction-ink:#551316;--card-back:url('assets/clownies-card-back.webp');--menu-art:url('assets/clownies-menu.webp')}
.hg-commodores-legion,.franchise-tab.legion{--faction:#7c1722;--faction-light:#f5d39b;--faction-ink:#50101a;--card-back:url('assets/legion-card-back.webp');--menu-art:url('assets/legion-menu.webp')}
.hg-shangri-za,.franchise-tab.shangri{--faction:#315b77;--faction-light:#e9d8a9;--faction-ink:#193648;--card-back:url('assets/za-card-back.webp');--menu-art:url('assets/za-menu.webp')}
.hg-bell-ringers,.franchise-tab.bell{--faction:#48205f;--faction-light:#f1d597;--faction-ink:#351140;--card-back:url('assets/bell-card-back.webp');--menu-art:url('assets/bell-menu.webp')}
.hg-franchise .franchise-page{background:linear-gradient(130deg,var(--faction),#ac3027)}
.hg-franchise .franchise-intro{background:linear-gradient(110deg,var(--faction),var(--faction-ink));color:#fff3cf}
.hg-franchise .franchise-content{background:linear-gradient(105deg,#fff0ba,var(--faction-light));color:var(--faction-ink)}
.hg-franchise .franchise-content h2,.hg-franchise .franchise-content h3,.hg-franchise .franchise-content p,.hg-franchise .franchise-content li{color:var(--faction-ink)}
.hg-franchise .franchise-side a{background:var(--faction);color:#fff2c2;border-color:#d2a04e}
.hg-franchise .franchise-side a:hover{background:var(--faction-light);color:var(--faction-ink)}
.hg-franchise .franchise-content h2{border-bottom:3px double #b1843e;padding-bottom:12px}
.hg-franchise .associate-card{background:var(--card-back) center/100% 100%;border:8px solid transparent;border-image:url('assets/brass-poker.webp') 55 / 8px / 0 stretch;padding-top:15px}
.hg-franchise .associate-card img{background:transparent;filter:drop-shadow(0 5px 3px #3e101555)}
.hg-franchise .associate-card strong,.hg-franchise .associate-card span{background:var(--faction-light);color:var(--faction-ink);padding:8px}
.hg-franchise .associate-bio{border-bottom:3px double #bb8b42}
.franchise-tab.clownies,.franchise-tab.shangri,.franchise-tab.bell,.franchise-tab.legion{background:linear-gradient(var(--faction),var(--faction-ink));color:#fff4cf;border:12px solid transparent;border-image:url('assets/brass-poker.webp') 55 / 12px / 0 stretch}
.franchise-tab .franchise-portrait{border-top:3px double #dcac58;border-bottom:3px double #dcac58}
@media(min-width:761px){.hg-franchise .franchise-side:before{content:"";display:block;aspect-ratio:2.4;background:var(--menu-art) center/contain no-repeat;border:7px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 7px / 0 stretch;margin-bottom:12px}}
@media(max-width:600px){.paper,.privacy-copy,.scenario-choice{border-width:10px;border-image-width:10px}}
.lore,.monsters,.franchises,.scenarios{background-image:linear-gradient(120deg,#c92023dd,#a61622aa),url('assets/red-card-texture.webp');background-size:cover;background-color:#b61b21}
.crew-portraits figure{background:linear-gradient(#d74426,#a61720);border-color:#d6a452}
.crew-portraits figcaption{background:#ffdc79;color:#49131a}

/* 1.4: logo-led franchise overview matching the supplied four-panel mockup. */
#franchises{padding:38px clamp(18px,3vw,42px) 46px;background:linear-gradient(#6f161bba,#59161cd9),url('assets/clownies-restaurant.webp') center/cover;isolation:isolate}
#franchises .section-heading{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:28px}
#franchises .section-heading h2{font-family:"BadaBoom BB",Impact,sans-serif;font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.08;color:#fff7d5;text-shadow:3px 3px #b0001a,-2px -2px #b0001a,2px -2px #b0001a,-2px 2px #b0001a,5px 6px #5d121a;transform:rotate(-2deg);margin:0 0 12px}
#franchises .section-heading .eyebrow{color:#ffda36;font-size:clamp(1.3rem,2.3vw,2rem);margin:0;text-shadow:2px 2px #66101a}
#franchises .section-heading>p:not(.eyebrow){display:none}
#franchises .franchise-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#franchises .franchise-tab{padding:18px 12px 15px;display:flex;flex-direction:column;align-items:center;gap:15px;min-height:490px;border:12px solid transparent;border-image:url('assets/brass-poker.webp') 55 / 12px / 0 stretch;box-shadow:4px 8px 10px #48101688;text-decoration:none;background:linear-gradient(140deg,#eb432c,#af1020);color:#fff7d7}
#franchises .franchise-tab.shangri{background:linear-gradient(135deg,#259cb6,#176180)}
#franchises .franchise-tab.bell{background:linear-gradient(135deg,#8621a5,#471365)}
#franchises .franchise-tab.legion{background:linear-gradient(135deg,#cb352c,#8d111f)}
#franchises .franchise-tab>img{display:block;width:100%;height:205px;max-height:none;object-fit:contain;margin:0;filter:drop-shadow(0 4px 2px #47121988)}
#franchises .franchise-portrait{display:none}
#franchises .franchise-tab strong{font-family:"BadaBoom BB",Impact,sans-serif;font-size:clamp(1.8rem,2.7vw,2.7rem);font-weight:400;line-height:1.08;min-height:2.16em;display:flex;align-items:center;justify-content:center;color:#fff7d7;text-shadow:2px 3px #451319;margin:0}
#franchises .franchise-tab.shangri strong{color:#ffdd47}
#franchises .franchise-tab>span{font-size:1.05rem;font-style:italic;line-height:1.45;color:#fff8dd;min-height:3em;margin:0;max-width:22ch;text-shadow:1px 1px #4d1320}
#franchises .franchise-tab b{margin-top:auto;width:100%;font-family:"BadaBoom BB",Impact,sans-serif;font-weight:400;line-height:1.12;font-size:1.4rem;padding:13px 8px;white-space:normal;background:linear-gradient(#df3027,#a6081c);color:#fff4d1;border:3px solid #edbc68;box-shadow:0 0 0 2px #572114,0 4px 0 #612214}
#franchises .franchise-tab:hover{transform:translateY(-4px)}
#franchises .franchise-tab:focus-visible{outline:4px solid #ffe34c;outline-offset:5px}
@media(max-width:1050px){#franchises .franchise-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#franchises .franchise-tab strong{font-size:2.4rem}}
@media(max-width:560px){#franchises .franchise-tabs{grid-template-columns:minmax(0,1fr)}#franchises .franchise-tab{min-height:440px}#franchises .franchise-tab>img{height:190px}}
@media(prefers-reduced-motion:reduce){#franchises .franchise-tab:hover{transform:none}}

.hg-mailing-list{max-width:850px;margin:24px auto;padding:clamp(24px,5vw,60px)}
.hg-mailing-list h1{font-size:clamp(2.6rem,6vw,4.8rem)}
.hg-mailing-form{margin:24px 0}
.hg-mailing-form input[type=email],.hg-mailing-form input[type=text]{max-width:100%;width:100%;font:inherit;padding:12px;border:2px solid #a97836;border-radius:4px;background:#fff8de;color:#391013}
.hg-mailing-form .mailpoet_submit,.hg-mailing-form button[type=submit]{font-family:"BadaBoom BB",Impact,sans-serif;font-size:1.6rem;background:#b90920;color:#fff4cf;padding:12px 24px;border:3px solid #d6a34a;cursor:pointer}

.hg-quickstart{max-width:1200px;margin:auto}.hg-quickstart h1{font-size:clamp(3rem,6vw,5rem);color:#fff1b8}
.hg-quick-card{background:#fff;color:#191919;border:14px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 14px / 0 stretch}
.hg-quick-panel{padding:clamp(20px,4vw,48px);background:#fff;color:#191919}.hg-quick-panel[hidden]{display:none}
.hg-quick-panel h3{font-family:"BadaBoom BB",Impact,sans-serif;font-size:clamp(2rem,3vw,3rem);color:#a00d1d}.hg-quick-panel li{margin:0 0 18px}.hg-quick-panel p,.hg-quick-panel li{line-height:1.65}
.hg-quick-card .edition-tabs{display:flex;background:#92101b}.hg-quick-card .edition-tabs button{background:#8e131e;color:#fff6df;font-family:"BadaBoom BB",Impact,sans-serif;font-weight:400;font-size:1.7rem}.hg-quick-card .edition-tabs button[aria-selected=true]{background:#ffdb40;color:#451016}
.hg-rules-cta{padding:0 32px 32px;background:#fff}.rules-table-wrap{overflow:auto}
#hg-rulebook-modal{width:min(1100px,94vw);height:90vh;max-height:94vh;padding:18px;background:#fff;color:#171717;border:8px solid #b88b43;border-radius:8px}#hg-rulebook-modal::backdrop{background:#250611cc}
.hg-modal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.hg-modal-bar h2{font-family:"BadaBoom BB",Impact,sans-serif;color:#a51020;font-size:2rem;margin:0}.hg-modal-bar button{font:1.2rem "BadaBoom BB",Impact,sans-serif;background:#a51020;color:white;border:2px solid #d6a047;padding:8px 16px}
#hg-rulebook-modal a{color:#a51020;text-decoration:underline}#hg-rulebook-modal iframe{width:100%;height:calc(100% - 110px);border:1px solid #bbb;background:#fff;min-height:250px}

.hg-play-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;margin-bottom:32px}.hg-play-hero img{width:100%;height:auto;max-height:560px;object-fit:contain;filter:drop-shadow(0 8px 8px #55101c66)}.hg-play-hero .section-heading{text-align:left}.hg-play-hero p{color:#fff4c9}
@media(max-width:700px){.hg-play-hero{grid-template-columns:1fr;gap:12px}.hg-play-hero img{max-height:420px}.hg-play-hero .section-heading{text-align:center}}

/* 1.7: quiet papyrus reading surfaces and illustrated Events noticeboard. */
:root{--reading-paper:url('assets/papyrus-reading.webp');--reading-ink:#2b2119}
.paper,.hg-franchise .franchise-content,.privacy-copy,.lore-copy,.monster-copy,.scenario-copy,.hg-event-notice{
 background:#f9edcb var(--reading-paper) center/650px auto repeat;color:var(--reading-ink);
 border:14px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 14px / 0 stretch;
 box-shadow:0 5px 14px #421c1855;outline:0;
}
.lore-copy,.monster-copy,.scenario-copy{padding:clamp(22px,4vw,45px)}
.paper p,.paper li,.hg-franchise .franchise-content p,.hg-franchise .franchise-content li,.privacy-copy p,.privacy-copy li,.lore-copy p,.monster-copy p,.scenario-copy p,.hg-event-notice p{color:var(--reading-ink);font-family:Arial,Helvetica,sans-serif;font-size:1.0625rem;line-height:1.75;text-shadow:none}
.paper h1,.paper h2,.paper h3,.hg-franchise .franchise-content h2,.hg-franchise .franchise-content h3,.privacy-copy h1,.privacy-copy h2,.privacy-copy h3,.lore-copy h2,.lore-copy h2 span,.monster-copy h2,.monster-copy h2 span,.scenario-copy h2,.scenario-copy h2 span,.hg-event-notice h2{color:#382619;text-shadow:none}
.paper .eyebrow,.lore-copy .eyebrow,.monster-copy .eyebrow,.hg-event-notice .eyebrow{color:#96151b;font-family:"BadaBoom BB",Impact,sans-serif;font-size:1.35rem}
.franchise-content section>p,.associate-bio p,.privacy-copy p{max-width:75ch}
.hg-events-page{padding:clamp(24px,4vw,55px);background:linear-gradient(#34211926,#34211980),url('assets/lore-arena.webp') center top/cover no-repeat;min-height:740px}
.hg-events-hero{margin-bottom:35px;max-width:700px}.hg-events-hero h1{font-family:"BadaBoom BB",Impact,sans-serif;font-weight:400;font-size:clamp(3.3rem,7vw,6.4rem);line-height:1.04;color:#fff7dd;text-shadow:3px 3px #b21522,-2px -2px #b21522,2px -2px #b21522,-2px 2px #b21522,6px 7px #521521;margin:8px 0}.hg-events-hero .eyebrow{font-family:"BadaBoom BB",Impact,sans-serif;color:#ffe144;font-size:1.8rem;text-shadow:2px 2px #5d2420}
.hg-events-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:30px;align-items:start}.hg-event-notices{display:grid;gap:24px}.hg-event-notice{padding:24px 28px}.hg-event-notice h2{font-family:"BadaBoom BB",Impact,sans-serif;font-weight:400;font-size:2.4rem;margin:0 0 12px}.hg-event-notice .button{margin-top:12px}.hg-event-signs{display:grid;gap:17px;padding-top:10px}.hg-event-signs p{background:linear-gradient(#ffde66,#efa926);color:#382014;border:10px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 10px / 0 stretch;font:2rem/1.15 "BadaBoom BB",Impact,sans-serif;padding:17px 10px;margin:0;text-align:center;transform:rotate(-2deg);box-shadow:4px 6px #54251b66}.hg-event-signs span{font:1.7rem/1.25 "BadaBoom BB",Impact,sans-serif;color:#fff1ae;background:#8d1823;padding:18px;text-align:center}
/* Keep the requested How To Play quick-start card white. */
.hg-quick-card,.hg-quick-panel,.hg-rules-cta{background:#fff;color:#191919}
@media(max-width:760px){.hg-events-layout{grid-template-columns:1fr}.hg-event-signs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hg-event-signs p{font-size:1.3rem;padding:12px 3px}.hg-event-signs span{grid-column:1/-1}.hg-event-notice{padding:20px 16px}}

/* 1.8: supplied softly mottled parchment, weathered at the panel edges. */
:root{--reading-paper:url('assets/parchment-reference.png')}
.paper,.hg-franchise .franchise-content,.privacy-copy,.lore-copy,.monster-copy,.scenario-copy,.hg-event-notice{
 background-color:#f5e9cd;background-image:var(--reading-paper);background-position:center;background-size:100% 100%;background-repeat:no-repeat;
}

/* Supplied scenario illustrations, shown whole without character layering. */
.scenario-choices .scenario-scene{height:auto;aspect-ratio:1.25;background:#f2e6cb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.scenario-choices .scenario-scene img.scenario-illustration{position:static;inset:auto;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none;filter:none;margin:0}

.hg-origin-story{margin:24px clamp(16px,4vw,48px) 40px;padding:clamp(24px,5vw,60px)}
.hg-origin-story h2{font-family:"BadaBoom BB",Impact,sans-serif;font-weight:400;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.1}
.hg-origin-story>p{max-width:76ch}.hg-studio-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;border-top:3px double #ad854c;margin-top:30px;padding-top:28px}.hg-studio-logos figure{margin:0;text-align:center}.hg-studio-mark{height:185px;display:flex;align-items:center;justify-content:center}.hg-studio-mark img{width:auto;height:auto;max-width:190px;max-height:180px;object-fit:contain}.hg-studio-mark img[src*="ave-master"]{max-width:133px;max-height:132px}.hg-studio-logos figcaption{color:#342519;margin-top:12px}.hg-studio-logos strong{display:block;font-family:"BadaBoom BB",Impact,sans-serif;font-size:1.6rem;font-weight:400}.hg-studio-logos span{display:block;font:1rem/1.6 Arial,sans-serif}
@media(max-width:500px){.hg-studio-logos{grid-template-columns:1fr}}

/* 1.11: Events page composed like the supplied illustrated convention mockup. */
.hg-events-page{position:relative;isolation:isolate;overflow:hidden;min-height:850px;padding:clamp(28px,4vw,62px);background:#761322 url('assets/lore-arena.webp') center/cover no-repeat}
.hg-events-page:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#4b0917b8 0,#4b09175e 52%,#2a061394 100%),linear-gradient(0deg,#23030dc7 0,transparent 35%)}
.hg-events-page:after{content:"";position:absolute;inset:12px;pointer-events:none;border:12px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 12px / 0 stretch;box-shadow:inset 0 0 32px #24040fc4}
.hg-events-hero{position:relative;z-index:1;margin:0 0 24px;max-width:760px;transform:rotate(-2deg)}
.hg-events-hero h1{font-size:clamp(4.1rem,7.4vw,7.25rem);line-height:.86;margin:0;color:#fff8dd;text-shadow:4px 4px 0 #b30e23,-3px -3px 0 #b30e23,3px -3px 0 #b30e23,-3px 3px 0 #b30e23,8px 9px 0 #3b0712}
.hg-events-hero .eyebrow{display:table;margin:18px 0 0 38px;padding:7px 16px;background:#8f101f;color:#ffd936;font-size:clamp(1.35rem,2.4vw,2.1rem);letter-spacing:.035em;transform:rotate(-1deg);text-shadow:2px 2px #3b0712;box-shadow:5px 5px 0 #3b0712}
.hg-events-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,2.35fr) minmax(235px,.85fr);gap:clamp(22px,3vw,42px);align-items:start}
.hg-event-notices{display:grid;gap:12px}
.hg-event-notice{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:132px;padding:15px 20px;background-color:#f3dfb1;background-image:var(--reading-paper);background-size:100% 100%;border:13px solid transparent;border-image:url('assets/brass-poker.webp') 60 / 13px / 0 stretch;box-shadow:7px 8px 0 #3b071299;transform:rotate(-.35deg)}
.hg-event-notice:nth-child(2){transform:rotate(.35deg)}.hg-event-notice:nth-child(3){transform:rotate(-.15deg)}
.hg-event-badge{width:96px;height:96px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#d61a27 0 55%,#740b18 56% 100%);border:5px solid #f1b93d;box-shadow:0 0 0 4px #5a170f;color:#fff7dc;font-family:"BadaBoom BB",Impact,sans-serif;line-height:.8;transform:rotate(-7deg)}
.hg-event-badge strong{font-size:2.45rem;font-weight:400}.hg-event-badge span{font-size:.95rem;color:#ffe13d;letter-spacing:.06em}
.hg-event-copy .eyebrow{margin:0 0 3px;color:#991421;font-size:1rem;text-shadow:none}.hg-event-copy h2{font-size:clamp(1.8rem,2.7vw,2.7rem);line-height:1;margin:0 0 5px}.hg-event-copy p{font-size:.98rem;line-height:1.35;margin:0;max-width:52ch}.hg-event-notice .button{min-width:150px;margin:0;padding:12px 16px}
.hg-event-signs{display:grid;gap:10px;padding-top:8px;transform:rotate(-2deg)}
.hg-event-signs:before{content:"HANGRY GAMES";display:block;background:#a61322;color:#ffe34b;border:10px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 10px / 0 stretch;font:2rem/1 "BadaBoom BB",Impact,sans-serif;text-align:center;padding:16px 8px;text-shadow:2px 2px #401018}
.hg-event-signs p{position:relative;background:linear-gradient(#ffe35d,#eda72e);border-width:10px;padding:14px 7px;font-size:clamp(1.6rem,2.4vw,2.2rem);box-shadow:5px 6px 0 #3b071299;transform:none}
.hg-event-signs p:nth-of-type(2){transform:translateX(8px)}.hg-event-signs p:nth-of-type(3){transform:translateX(-5px)}
.hg-event-signs span{margin-top:14px;background:#ffd934;color:#3e1014;clip-path:polygon(8% 8%,22% 11%,31% 0,44% 10%,60% 3%,71% 11%,91% 5%,87% 25%,100% 38%,89% 52%,98% 69%,79% 73%,72% 94%,56% 84%,43% 100%,32% 86%,11% 96%,15% 76%,0 65%,11% 48%,2% 31%,17% 25%);padding:36px 26px;font-size:1.55rem;transform:rotate(3deg)}
@media(max-width:900px){.hg-event-notice{grid-template-columns:86px minmax(0,1fr)}.hg-event-badge{width:76px;height:76px}.hg-event-badge strong{font-size:2rem}.hg-event-notice .button{grid-column:2;justify-self:start}.hg-events-layout{grid-template-columns:minmax(0,1.8fr) minmax(205px,.8fr)}}
@media(max-width:700px){.hg-events-page{padding:28px 22px 42px}.hg-events-page:after{inset:6px}.hg-events-hero h1{font-size:clamp(3.8rem,17vw,5.3rem)}.hg-events-hero .eyebrow{margin-left:8px}.hg-events-layout{grid-template-columns:1fr}.hg-event-notice{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px 13px}.hg-event-badge{width:65px;height:65px}.hg-event-badge strong{font-size:1.7rem}.hg-event-badge span{font-size:.72rem}.hg-event-copy h2{font-size:1.85rem}.hg-event-copy p{font-size:.9rem}.hg-event-notice .button{grid-column:1/-1;width:100%}.hg-event-signs{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 6px 0;transform:none}.hg-event-signs:before{grid-column:1/-1}.hg-event-signs p,.hg-event-signs p:nth-of-type(2),.hg-event-signs p:nth-of-type(3){transform:none;font-size:1.35rem}.hg-event-signs span{grid-column:1/-1}}

/* 1.12: How To Play follows the supplied illustrated quick-start mockup. */
.hg-how-to-play-page{padding:clamp(16px,2vw,30px);background:radial-gradient(circle at 82% 8%,#ffd93d 0 12%,transparent 33%),linear-gradient(145deg,#a70c1c,#db3928 55%,#8b0d1c);color:#241a15}
.hg-learn-board{max-width:1320px;margin:0 auto;padding:clamp(28px,4vw,58px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(28px,5vw,70px);position:relative;background:#f2dfb3 var(--reading-paper) center/100% 100% no-repeat;border:15px solid transparent;border-image:url('assets/brass-mini.webp') 65 / 15px / 0 stretch;box-shadow:0 10px 28px #4b081477}
.hg-learn-board:after{content:"";position:absolute;inset:10px;pointer-events:none;border:2px solid #8b623c55}
.hg-learn-copy,.hg-learn-art,.hg-learn-actions{position:relative;z-index:1}.hg-learn-copy .eyebrow{font:400 clamp(1.4rem,2.3vw,2rem)/1 "BadaBoom BB",Impact,sans-serif;color:#a40e20;letter-spacing:.03em;margin-bottom:13px}.hg-learn-copy h1{font:400 clamp(4rem,7.3vw,7rem)/.83 "BadaBoom BB",Impact,sans-serif;color:#171411;text-transform:uppercase;font-style:normal;letter-spacing:.01em;text-shadow:3px 3px #fff6d7;margin:0 0 34px;transform:rotate(-2deg)}
.hg-learn-steps{list-style:none;counter-reset:hg-learn;margin:0;padding:0;display:grid;gap:17px}.hg-learn-steps li{counter-increment:hg-learn;position:relative;padding-left:70px;min-height:54px}.hg-learn-steps li:before{content:counter(hg-learn);position:absolute;left:0;top:0;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#ffd83c;color:#17120e;border:4px solid #18120e;box-shadow:0 0 0 3px #d9a830;font:400 2rem/1 "BadaBoom BB",Impact,sans-serif}.hg-learn-steps strong{display:block;font:400 1.65rem/1 "BadaBoom BB",Impact,sans-serif;color:#24150e}.hg-learn-steps span{display:block;font-size:1rem;line-height:1.35;color:#4b3425}
.hg-learn-art{align-self:start;margin:10px 0 0;transform:rotate(1.5deg)}.hg-award-frame{padding:12px;background:#39170f;border:14px solid transparent;border-image:url('assets/brass-poker.webp') 60 / 14px / 0 stretch;box-shadow:8px 9px 0 #5b1a1766}.hg-award-frame img{width:100%;aspect-ratio:1.1;object-fit:cover;object-position:center}.hg-learn-art figcaption{margin:-2px 18px 0;padding:13px;text-align:center;background:#8f111e;color:#fff0c5;border:5px solid #d7a444;font:400 1.75rem/1 "BadaBoom BB",Impact,sans-serif;text-transform:uppercase;box-shadow:4px 5px #4b1514}
.hg-learn-actions{grid-column:2;display:grid;gap:14px;align-self:end}.hg-learn-actions .button{width:100%;font-size:1.45rem;padding:15px 18px}.hg-learn-actions .button:first-child{background:#f4bd2f;color:#2b160d;border-color:#9a111e;box-shadow:0 0 0 2px #5b2116,0 5px 0 #7d111b}
.hg-quickstart{max-width:1260px;margin:28px auto 0;padding:clamp(24px,4vw,52px)}.hg-edition-heading{text-align:center;color:#fff4d1;margin:0 auto 28px;max-width:820px}.hg-edition-heading h2{font:400 clamp(3rem,5vw,5.2rem)/.95 "BadaBoom BB",Impact,sans-serif;color:#fff4d1;text-shadow:4px 4px #7e0b19;margin:0 0 14px}.hg-edition-heading p:last-child{font-size:1.08rem}.hg-edition-heading .eyebrow{font-family:"BadaBoom BB",Impact,sans-serif;font-size:1.45rem}
.hg-quick-card{background:#fff;color:#1d1a17;border-width:15px;box-shadow:0 9px 24px #4b081477}.hg-quick-card .edition-tabs{background:#6c0d18;padding:7px;gap:7px}.hg-quick-card .edition-tabs button{border:3px solid #d8a342;border-bottom:3px solid #d8a342;background:linear-gradient(#b81729,#850c19);color:#fff2cc;padding:17px;font-size:clamp(1.45rem,2.5vw,2.1rem)}.hg-quick-card .edition-tabs button[aria-selected=true]{background:linear-gradient(#ffe156,#edaf28);color:#3b170d;border-color:#5d2115;box-shadow:inset 0 0 0 2px #ffe891}
.hg-quick-panel{background:#fff!important;color:#1d1a17!important;padding:clamp(24px,4vw,50px)}.hg-quick-panel *{text-shadow:none}.hg-guide-title{padding-bottom:23px;margin-bottom:28px;border-bottom:3px double #b78b4d}.hg-guide-title h3{font-size:clamp(2.5rem,4vw,4rem);line-height:1;color:#9b101d;margin:0 0 10px}.hg-guide-title .eyebrow{font-family:"BadaBoom BB",Impact,sans-serif;color:#9b101d;font-size:1.35rem;margin-bottom:8px}.hg-guide-title p{max-width:75ch}.hg-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.hg-guide-grid section{padding:20px 0;border-bottom:1px solid #d6c5a4}.hg-guide-grid h4{font:400 1.55rem/1.05 "BadaBoom BB",Impact,sans-serif;text-transform:uppercase;color:#7e101a;margin:0 0 8px}.hg-guide-grid p{font-size:1rem;line-height:1.58;margin:0;color:#25201c}.hg-shift-note{margin:26px 0 0;padding:16px 18px;background:#fff4cf;border-left:6px solid #bc1726;color:#2d2118}.rules-table{width:100%;border-collapse:collapse;margin:28px 0 0;font-size:.9rem}.rules-table caption{text-align:left;font:400 1.55rem "BadaBoom BB",Impact,sans-serif;color:#86101a;margin-bottom:8px}.rules-table th,.rules-table td{border:1px solid #b8a681;padding:9px 7px;text-align:center;vertical-align:middle}.rules-table th{background:#8f111e;color:#fff2d0}.rules-table td{background:#fffaf0;color:#241b15}.hg-rules-cta{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:0 clamp(24px,4vw,50px) clamp(28px,4vw,48px);background:#fff!important}.hg-rules-cta .hg-button-secondary{background:#f2bd31;color:#2b160c;border-color:#8d111c;box-shadow:0 0 0 2px #5c2317,0 5px 0 #86111b}
@media(max-width:850px){.hg-learn-board{grid-template-columns:1fr}.hg-learn-art{max-width:580px;width:100%;margin:0 auto}.hg-learn-actions{grid-column:1;max-width:580px;width:100%;margin:auto}.hg-guide-grid{grid-template-columns:1fr}.hg-guide-grid section:last-child{border-bottom:0}}
@media(max-width:560px){.hg-how-to-play-page{padding:8px}.hg-learn-board{padding:28px 20px;border-width:10px}.hg-learn-copy h1{font-size:3.8rem}.hg-learn-steps li{padding-left:58px}.hg-learn-steps li:before{width:42px;height:42px;font-size:1.65rem}.hg-learn-steps strong{font-size:1.42rem}.hg-learn-art figcaption{font-size:1.35rem;margin-left:8px;margin-right:8px}.hg-quickstart{padding:28px 10px}.hg-quick-card{border-width:9px}.hg-quick-card .edition-tabs button{font-size:1.25rem;padding:14px 6px}.hg-quick-panel{padding:26px 18px}.hg-rules-cta{display:grid;padding:0 18px 28px}.hg-rules-cta .button{width:100%}.rules-table{font-size:.78rem}.rules-table th,.rules-table td{padding:7px 4px}}

/* 1.13: Dragon Fall feature on the Events page. */
.hg-events-page.hg-dragonfall-events{min-height:100vh;padding:clamp(28px,4vw,60px);background-color:#8d1b21;background-image:linear-gradient(90deg,#36100bb8 0,#36100b54 48%,transparent 72%),url('assets/events-dragon-fall-city.webp');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.hg-events-page.hg-dragonfall-events:before{background:linear-gradient(180deg,#160c0b38 0,transparent 32%,#22080778 100%)}
.hg-dragonfall-stage{position:relative;z-index:1;max-width:1440px;margin:0 auto}
.hg-dragonfall-events .hg-events-hero{max-width:760px;margin:0 0 26px 12px}.hg-dragonfall-events .hg-events-hero h1{font-size:clamp(4rem,7vw,7rem)}
.hg-dragonfall-card{width:min(760px,61%);padding:clamp(24px,3.2vw,44px);background:#f3e1b8 var(--reading-paper) center/100% 100% no-repeat;color:#2b1d15;border:16px solid transparent;border-image:url('assets/brass-poker.webp') 60 / 16px / 0 stretch;box-shadow:10px 12px 0 #3b0b1266,0 18px 38px #23050a80;position:relative}
.hg-dragonfall-card:after{content:"";position:absolute;inset:12px;pointer-events:none;border:2px solid #8f633a55}
.hg-dragonfall-card-head{position:relative;z-index:1;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding-bottom:24px;border-bottom:3px double #aa7d42}
.hg-dragonfall-logo{background:#fff;padding:10px;border:5px solid #22150f;box-shadow:0 0 0 3px #d2a33d;transform:rotate(-2deg)}.hg-dragonfall-logo img{width:100%;height:auto;aspect-ratio:1.36;object-fit:contain}
.hg-dragonfall-card .eyebrow{font-family:"BadaBoom BB",Impact,sans-serif;font-size:1.35rem;letter-spacing:.035em;color:#a20e1f;margin:0 0 6px}.hg-dragonfall-card h2{font:400 clamp(2.35rem,4vw,4rem)/.92 "BadaBoom BB",Impact,sans-serif;color:#24150f;text-transform:uppercase;font-style:normal;margin:0 0 10px}.hg-event-location{font-weight:700;line-height:1.3;color:#6d1c18}
.hg-dragonfall-intro,.hg-event-course,.hg-dragonfall-details,.hg-dragonfall-actions{position:relative;z-index:1}.hg-dragonfall-intro{padding:26px 0 8px;font-size:1.07rem}.hg-dragonfall-card p{line-height:1.65;color:#2d211a}.hg-event-course{padding:27px 0 10px;border-top:2px solid #bc9a64}.hg-event-course h3,.hg-dragonfall-details h3{font:400 clamp(1.8rem,3vw,2.55rem)/1 "BadaBoom BB",Impact,sans-serif;color:#97101e;margin:0 0 14px;text-transform:uppercase}.hg-event-course p+p{margin-top:12px}
.hg-dragonfall-details{margin-top:24px;padding:24px;background:#fff6da99;border:3px solid #9f713d;box-shadow:inset 0 0 0 2px #e8c77c}.hg-dragonfall-details dl{margin:0;display:grid;gap:0}.hg-dragonfall-details dl>div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:12px 0;border-top:1px solid #c6a879}.hg-dragonfall-details dt{font:400 1.2rem/1.1 "BadaBoom BB",Impact,sans-serif;text-transform:uppercase;color:#7f101b}.hg-dragonfall-details dd{margin:0;line-height:1.45}
.hg-dragonfall-actions{display:flex;gap:14px;flex-wrap:wrap;padding-top:28px}.hg-dragonfall-actions .button{flex:1;min-width:210px}.hg-dragonfall-actions .hg-button-secondary{background:linear-gradient(#f4c336,#e5a524);color:#2c160d;border-color:#8b111b;box-shadow:0 0 0 2px #592116,0 5px 0 #801019}
@media(max-width:1050px){.hg-events-page.hg-dragonfall-events{background-position:62% top}.hg-dragonfall-card{width:min(800px,72%)}}
@media(max-width:760px){.hg-events-page.hg-dragonfall-events{padding:24px 14px 40px;background-attachment:scroll;background-position:64% top;background-size:auto 760px;background-color:#a72624}.hg-dragonfall-events .hg-events-hero{margin:10px 8px 250px}.hg-dragonfall-card{width:100%;padding:24px 19px;border-width:11px}.hg-dragonfall-card-head{grid-template-columns:125px minmax(0,1fr);gap:15px}.hg-dragonfall-card h2{font-size:2.4rem}.hg-dragonfall-logo{padding:7px}.hg-dragonfall-details dl>div{grid-template-columns:1fr;gap:4px}.hg-dragonfall-actions{display:grid}.hg-dragonfall-actions .button{width:100%}}
@media(max-width:480px){.hg-dragonfall-card-head{grid-template-columns:1fr}.hg-dragonfall-logo{width:170px}.hg-dragonfall-events .hg-events-hero{margin-bottom:210px}.hg-dragonfall-events .hg-events-hero h1{font-size:3.75rem}.hg-dragonfall-card h2{font-size:2.15rem}}