:root{--black:#070707;--coal:#111;--panel:#171717;--red:#c91520;--deep:#65080d;--paper:#f1ece5;--muted:#b7afa8;--line:#3a3030}
.allies-artwork{background:#080604;border-bottom:1px solid var(--line)}
.allies-artwork img{display:block;width:100%;height:auto}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(112deg,transparent 0 17px,rgba(255,255,255,.025) 18px 19px)}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem}
.brand{text-decoration:none;display:flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:.12em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--red);border-radius:50%;font-family:Georgia,serif;font-size:.82rem;transform:rotate(-5deg);box-shadow:0 0 18px rgba(201,21,32,.28)}
.nav-links{display:flex;gap:.25rem;align-items:center}
.nav-links a{text-decoration:none;color:#d5ceca;padding:.65rem .7rem;font-size:.8rem;font-weight:800;letter-spacing:.06em;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff;border-color:var(--red)}
.menu{display:none;background:none;color:#fff;border:1px solid var(--line);padding:.55rem .75rem;font-weight:800}
.hero{min-height:calc(100vh - 66px);display:flex;align-items:flex-end;padding:0;position:relative;overflow:hidden;background:#090909 url("assets/uncle-chaos-band-hero.png") center center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 42%,rgba(0,0,0,.28) 67%,rgba(0,0,0,.9) 100%);z-index:0}
.hero-inner{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:2.4rem 1.2rem 3rem;text-align:left}
.eyebrow{text-transform:uppercase;color:#f25a61;font-weight:900;letter-spacing:.24em;font-size:.78rem}
h1,h2,h3{line-height:1.05;margin-top:0}
h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(4rem,12vw,9rem);letter-spacing:.02em;margin:.2rem 0;text-transform:uppercase;text-shadow:5px 5px 0 var(--deep),10px 10px 28px #000}
.hero h1{font-size:clamp(3.5rem,9vw,7.5rem);margin:.05rem 0;line-height:.9}
.hero p{font-family:Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.8rem);margin:.45rem 0 1.2rem}
.btn{display:inline-block;text-decoration:none;background:var(--red);color:#fff;padding:.85rem 1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1px solid #f34b55;box-shadow:5px 5px 0 #4e060a}
.btn.secondary{background:transparent;border-color:#aaa;box-shadow:none;margin-left:.7rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-actions .btn.secondary{margin-left:0}
.stripe{height:8px;background:repeating-linear-gradient(-45deg,var(--red) 0 14px,#090909 14px 28px)}
.main{max-width:1180px;margin:auto;padding:4rem 1.2rem}
.page-head{padding:4.8rem 1.2rem 3.2rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 30%,rgba(201,21,32,.25),transparent 24%),#0c0c0c}
.page-head>div{max-width:1180px;margin:auto}
.page-head h1{font-size:clamp(3rem,8vw,6rem)}
.page-head p{max-width:720px;color:var(--muted);font-size:1.15rem}
.section-title{font-size:clamp(2rem,5vw,3.7rem);text-transform:uppercase;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.03em}
.section-title span{color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:linear-gradient(145deg,#191919,#101010);border:1px solid var(--line);padding:1.4rem;min-height:180px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--red)}
.card h2,.card h3{font-size:1.45rem;margin-bottom:.5rem}
.card p{color:var(--muted);margin:.3rem 0}
.role{text-transform:uppercase;color:#f25a61!important;letter-spacing:.12em;font-size:.78rem;font-weight:900}
.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;margin:1rem 0 5rem}
.feature-copy{font-size:1.15rem;color:#d0c9c4}
.event{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;background:var(--panel);border:1px solid var(--line);padding:1.5rem}
.event-callout{color:#fff;font-family:Georgia,serif;font-size:1.2rem;font-style:italic}
.date{border-right:1px solid var(--line);font-weight:900;text-align:center;text-transform:uppercase}
.date strong{display:block;font-family:Impact,sans-serif;font-size:3rem;color:var(--red);line-height:1}
.gallery{columns:3 260px;column-gap:1rem}
.art-tile{break-inside:avoid;margin:0 0 1rem;background:linear-gradient(135deg,#241416,#101010);border:1px solid var(--line);min-height:250px;padding:1.5rem;display:flex;align-items:flex-end}
.art-tile:nth-child(2n){min-height:340px}.art-tile:nth-child(3n){min-height:290px}
.art-tile h2{font-family:Impact,sans-serif;text-transform:uppercase;font-size:2rem;margin:0;text-shadow:2px 2px #000}
.art-hero{background:#080808;border-bottom:1px solid var(--line)}
.art-hero img{display:block;width:100%;height:auto;max-height:76vh;object-fit:cover;object-position:center}
.calendar-hero{background:#080808;border-bottom:1px solid var(--line)}
.calendar-hero img{display:block;width:100%;height:auto;max-height:76vh;object-fit:cover;object-position:center}
.family-hero,.contact-hero{background:#080808;border-bottom:1px solid var(--line)}
.contact-artwork{position:relative;width:100%;overflow:hidden}
.contact-artwork>img{display:block;width:100%;height:auto;max-height:76vh;object-fit:cover;object-position:center}
.chronicle-secret{position:absolute;left:5.5%;bottom:1%;width:24%;height:18%;z-index:4;border-radius:48% 40% 18% 24%;transform:rotate(-3deg);background:radial-gradient(ellipse at 48% 60%,rgba(255,198,78,.2),rgba(201,21,32,.08) 42%,transparent 70%);box-shadow:0 0 12px rgba(255,180,55,.16),inset 0 0 14px rgba(255,211,116,.1);animation:chronicle-breathe 3.8s ease-in-out infinite;cursor:pointer}
.chronicle-secret:before{content:"";position:absolute;inset:22% 10% 8% 5%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,220,139,.2),transparent 67%);filter:blur(7px)}
.chronicle-secret:hover,.chronicle-secret:focus-visible{outline:1px solid rgba(255,214,122,.55);outline-offset:2px;background:radial-gradient(ellipse at 48% 60%,rgba(255,211,116,.34),rgba(201,21,32,.12) 45%,transparent 72%);box-shadow:0 0 25px rgba(255,180,55,.3),inset 0 0 18px rgba(255,226,158,.16)}
@keyframes chronicle-breathe{0%,100%{opacity:.48;filter:brightness(.82)}50%{opacity:.86;filter:brightness(1.12)}}
.family-hero img,.contact-hero img{display:block;width:100%;height:auto;max-height:76vh;object-fit:cover;object-position:center}
.calendar-main{padding-top:2.5rem}
.calendar-main h1{font-size:clamp(3rem,8vw,6rem)}
.calendar-intro{max-width:760px;color:var(--muted);font-size:1.15rem;margin:0 0 2rem}
.art-notice{max-width:1180px;margin:0 auto;padding:2.4rem 1.2rem 0}
.art-notice h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}
.art-notice h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.03em;margin-bottom:1rem;text-transform:uppercase}
.art-notice p{max-width:900px;color:#d0c9c4;font-size:1.05rem}
.art-notice a{color:#fff;font-weight:900;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}
.chaos-challenge{margin-top:2.4rem;padding:2rem 1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(201,21,32,.13),transparent 70%)}
.chaos-challenge strong{color:#fff}
.contact-box{max-width:760px;background:var(--panel);border:1px solid var(--line);padding:2rem}
.contact-stack{display:grid;gap:1.5rem}
.allies-head{background:radial-gradient(circle at 78% 20%,rgba(201,21,32,.26),transparent 24%),radial-gradient(circle at 18% 70%,rgba(105,52,151,.18),transparent 30%),#0c0c0c}
.allies-main{padding-top:3rem}
.allies-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:2rem}
.allies-intro .section-title{margin:.35rem 0 0}
.allies-intro>p{margin:0 0 .35rem;color:var(--muted);font-size:1.08rem}
.ally-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.ally-card{position:relative;min-height:150px;padding:2.1rem;display:flex;align-items:center;background:linear-gradient(145deg,#1b1718,#0c0c0c);border:1px solid #4b383a;overflow:hidden}
.ally-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--red)}
.ally-card h2{position:relative;margin:.35rem 0 .8rem;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:.035em;text-transform:uppercase}
.ally-card p{position:relative;max-width:560px;color:#d0c9c4;font-size:1.08rem}
.ally-badge{position:absolute;right:-.02em;bottom:-.2em;color:rgba(255,255,255,.035);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:9rem;line-height:1}
.ally-badge-stage{color:rgba(201,21,32,.07)}
.ally-thanks{position:relative;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #4b383a;color:#f25a61;font-size:.78rem;font-weight:900;letter-spacing:.12em}
.ally-invite{border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(201,21,32,.17),transparent 68%),#101010}
.ally-invite-inner{max-width:1180px;margin:auto;padding:4rem 1.2rem;display:grid;grid-template-columns:1.35fr .65fr;gap:3rem;align-items:center}
.ally-invite h2{margin:.35rem 0 .8rem;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:.025em;text-transform:uppercase}
.ally-invite p{max-width:730px;color:#d0c9c4;font-size:1.08rem}
.ally-invite .ally-small{color:var(--muted);font-size:.92rem}
.ally-action{display:grid;gap:1rem;justify-items:start}
.ally-email{color:#fff;font-weight:800;text-decoration-color:var(--red);text-underline-offset:4px}
.copy-email{cursor:pointer;font:inherit}
.copy-status{min-height:1.6em;color:#f25a61;font-weight:800}
#art-submissions{scroll-margin-top:90px}
.family-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:start}
.family-box{background:var(--panel);border:1px solid var(--line);padding:2rem}
.family-box h2{margin-bottom:.7rem}
.family-form{display:grid;gap:1rem;margin-top:1.5rem}
.family-form label{display:grid;gap:.35rem;color:#fff;font-weight:800}
.family-form input{width:100%;background:#0b0b0b;color:var(--paper);border:1px solid #554749;padding:.85rem;font:inherit}
.family-form input:focus{outline:2px solid var(--red);outline-offset:2px}
.family-form .check{display:flex;align-items:flex-start;gap:.65rem;color:#d0c9c4;font-weight:400}
.family-form .check input{width:auto;margin-top:.35rem}
.family-form button{cursor:pointer;justify-self:start;font:inherit}
.family-note{color:var(--muted);font-size:.95rem}
.review-lock{border-top:4px solid var(--red)}
.wall-of-chaos{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.5rem;background:radial-gradient(circle at 85% 25%,rgba(201,21,32,.2),transparent 28%),linear-gradient(145deg,#1b1617,#0e0e0e);border:1px solid var(--line);position:relative;overflow:hidden}
.wall-of-chaos:after{content:"";position:absolute;inset:1rem;border:1px dashed #4c3f40;pointer-events:none}
.wall-of-chaos>*{position:relative;z-index:1;max-width:760px}
.wall-of-chaos .btn{margin-top:1rem}
.note{color:var(--muted);border-left:3px solid var(--red);padding-left:1rem}
.band-head{background:radial-gradient(circle at 50% 30%,rgba(93,47,173,.3),transparent 27%),radial-gradient(circle at 18% 30%,rgba(201,21,32,.22),transparent 24%),#0c0c0c}
.band-main{padding-top:2.2rem}
.band-visual{margin:0;border:1px solid #4b3438;background:#080808;overflow:hidden;box-shadow:0 24px 75px rgba(0,0,0,.65),0 0 28px rgba(113,49,193,.12)}
.band-visual img{display:block;width:100%;height:auto}
.band-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start;padding:4rem 0 1rem}
.band-signoff{color:#fff!important;font-family:Georgia,serif;font-size:1.35rem;font-style:italic}
.behind-chaos{border-top:1px solid var(--line);margin-top:3rem;padding-top:4rem}
.photo-wall-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:2rem}
.photo-wall-intro .section-title{margin:.35rem 0 0}
.photo-wall-intro p{color:var(--muted);font-size:1.08rem;margin:0 0 .35rem}
.photo-wall{columns:4 220px;column-gap:.85rem}
.photo-wall a{display:block;break-inside:avoid;margin:0 0 .85rem;background:#111;border:1px solid #413536;overflow:hidden;position:relative}
.photo-wall a:after{content:"VIEW";position:absolute;right:.55rem;bottom:.5rem;padding:.2rem .45rem;background:rgba(7,7,7,.82);color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.12em;opacity:0;transition:opacity .2s}
.photo-wall a:hover:after,.photo-wall a:focus:after{opacity:1}
.photo-wall img{display:block;width:100%;height:auto;filter:saturate(.82) contrast(1.05);transition:transform .25s,filter .25s}
.photo-wall a:hover img,.photo-wall a:focus img{transform:scale(1.025);filter:saturate(1) contrast(1.05)}
.secret-hunting-ground{position:relative}
.feature-copy,.event{position:relative}
.secret-object{position:absolute;z-index:3;display:block;line-height:0;filter:brightness(.56) saturate(.52) drop-shadow(0 5px 7px rgba(0,0,0,.9));transition:transform .18s,filter .18s}
.secret-object img{display:block;width:100%;height:auto}
.secret-object:hover,.secret-object:focus-visible{transform:scale(1.08) rotate(-2deg);filter:brightness(.83) saturate(.8) drop-shadow(0 0 7px rgba(242,90,97,.28));outline:1px dotted #554749;outline-offset:2px}
.hidden-hatch{width:clamp(34px,3.7vw,48px);right:-.3rem;bottom:-1.75rem;transform:rotate(7deg)}
.band-corner-camera{position:fixed;top:76px;left:10px;width:clamp(30px,3.2vw,42px);z-index:12;transform:rotate(-8deg);filter:brightness(.78) contrast(1.2) saturate(.48) drop-shadow(0 0 3px rgba(205,198,184,.55)) drop-shadow(0 4px 5px rgba(0,0,0,.95))}
.band-corner-camera:hover,.band-corner-camera:focus-visible{transform:scale(1.08) rotate(-4deg)}
.bunker-page{background:#030303}
.bunker-main{min-height:100vh;display:grid;place-items:center;padding:0;position:relative}
.bunker-scene{width:100%;margin:0;position:relative;background:#000}
.bunker-scene img{display:block;width:100%;height:auto}
.bunker-goblin{position:absolute;left:25%;top:7%;width:25%;height:78%;border:0;background:transparent;cursor:pointer}
.bunker-goblin:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.bunker-message{position:absolute;left:50%;bottom:4%;transform:translateX(-50%) rotate(-1deg) scale(.85);width:max-content;max-width:90%;padding:.65rem 1.1rem;text-align:center;background:rgba(7,7,7,.9);border:2px solid var(--red);box-shadow:5px 5px 0 #4e060a;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s}
.bunker-message.awake{opacity:1;visibility:visible;transform:translateX(-50%) rotate(-1deg) scale(1)}
.bunker-message strong{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(1.7rem,4vw,3.5rem);letter-spacing:.06em;line-height:1;text-transform:uppercase}
.bunker-message span{display:block;color:#d0c9c4;font-family:Georgia,serif;font-size:clamp(.9rem,1.8vw,1.25rem);font-style:italic}
.bunker-exit{position:absolute;top:1rem;left:1rem;z-index:4;text-decoration:none;background:rgba(7,7,7,.88);border:1px solid #6f5c5e;padding:.5rem .75rem;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.goblin-counter{position:absolute;right:1rem;bottom:1rem;z-index:5;min-width:154px;padding:.48rem .7rem .58rem;transform:rotate(-1.2deg);background:linear-gradient(145deg,rgba(83,72,55,.94),rgba(22,20,17,.96));border:2px solid #897b63;border-radius:3px;box-shadow:inset 0 0 0 2px #201c17,4px 5px 12px rgba(0,0,0,.65);color:#c8bda7;text-align:center;text-transform:uppercase;font-family:'Courier New',monospace}
.goblin-counter:before,.goblin-counter:after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:#28231c;border:1px solid #a49475}
.goblin-counter:before{left:5px}.goblin-counter:after{right:5px}
.goblin-counter span{display:block;font-size:.58rem;font-weight:900;letter-spacing:.12em}
.goblin-counter strong{display:block;margin-top:.18rem;padding:.08rem .38rem;background:#0b140d;border:1px inset #5e665c;color:#9bd48f;font-size:1.18rem;line-height:1.15;letter-spacing:.25em;text-shadow:0 0 5px rgba(121,216,105,.7)}
.camera-page{background:#010201}
.camera-main{min-height:100vh;display:grid;place-items:center;background:#000;overflow:hidden;position:relative}
.camera-feed{display:block;width:100%;height:100vh;object-fit:contain;filter:contrast(1.08) saturate(.75)}
.camera-static{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.45}
.camera-activate{position:absolute;inset:auto;z-index:7;width:min(88vw,390px);padding:1.1rem 1.25rem 1.2rem;cursor:pointer;background:rgba(5,12,7,.92);border:2px solid #80927c;border-radius:3px;box-shadow:0 0 0 4px rgba(0,0,0,.75),0 0 28px rgba(128,190,117,.2);color:#c8d7c4;text-align:center;text-transform:uppercase;font-family:'Courier New',monospace}
.camera-activate:hover,.camera-activate:focus-visible{background:rgba(10,25,14,.97);border-color:#a7c89f;box-shadow:0 0 0 4px rgba(0,0,0,.8),0 0 34px rgba(128,220,117,.34)}
.camera-activate span{display:block;margin-bottom:.65rem;color:#82927e;font-size:.7rem;font-weight:900;letter-spacing:.14em}
.camera-activate strong{display:block;color:#e1eadf;font-size:1.08rem;line-height:1.35;letter-spacing:.08em}
.camera-activate em{display:block;margin-top:.7rem;color:#a3b59e;font-size:.72rem;font-style:normal;letter-spacing:.08em}
.camera-activate[hidden]{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.chronicle-page{background:#080604}
.chronicle-main{min-height:100vh;padding:clamp(1rem,3vw,2.5rem);background:radial-gradient(circle at 50% 12%,rgba(126,61,15,.24),transparent 34%),linear-gradient(#080604,#030201)}
.chronicle-exit{position:fixed;top:1rem;left:1rem;z-index:20;padding:.55rem .8rem;background:rgba(8,6,4,.88);border:1px solid #7a6243;color:#e6d4b4;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.niles-chamber{width:min(1180px,100%);margin:0 auto}
.niles-video-wrap{position:relative;overflow:hidden;border:1px solid #725535;background:#000;box-shadow:0 24px 80px #000,0 0 45px rgba(171,94,24,.16)}
.niles-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.niles-enter{position:absolute;inset:0;margin:auto;width:min(88%,420px);height:max-content;padding:1.1rem 1.3rem;cursor:pointer;background:rgba(12,8,5,.9);border:1px solid #aa7c43;color:#efe1c5;box-shadow:0 0 35px rgba(192,119,41,.22);text-align:center}
.niles-enter span,.niles-enter em{display:block;color:#bda883;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.niles-enter strong{display:block;margin:.25rem 0;font-family:Georgia,serif;font-size:clamp(1.25rem,3vw,2rem)}
.chronicle-choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(900px,100%);margin:1.5rem auto 0;padding:1.2rem;background:linear-gradient(145deg,#23170d,#0d0905);border:1px solid #74583a;box-shadow:0 16px 45px #000}
.chronicle-choice{min-height:86px;padding:1rem;cursor:pointer;background:linear-gradient(145deg,#4b2d15,#211208);border:1px solid #b48850;color:#f4e6ca;font-family:Georgia,serif;font-size:clamp(1rem,2.3vw,1.35rem);font-weight:800}
.chronicle-choice:hover,.chronicle-choice:focus-visible{background:linear-gradient(145deg,#6a3a18,#2b1609);box-shadow:0 0 24px rgba(216,139,55,.2)}
.chronicle-later{grid-column:1/-1;justify-self:center;color:#bda98d;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.chronicle-reader,.chronicle-listener{position:fixed;inset:0;z-index:30;overflow:auto;padding:clamp(1rem,4vw,3rem);background:rgba(3,2,1,.96)}
.chronicle-paper,.listener-panel{width:min(850px,100%);margin:0 auto;padding:clamp(1.5rem,5vw,4rem);background:#d8c39d;color:#261b10;border:1px solid #8e7049;box-shadow:0 30px 90px #000,inset 0 0 80px rgba(88,54,23,.16)}
.chronicle-copy{font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.15rem);line-height:1.82}
.chronicle-copy h1{font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.5rem);text-align:center;color:#2e1d0e;text-shadow:none}
.chronicle-copy h2{margin-top:3.5rem;padding-bottom:.6rem;border-bottom:1px solid rgba(70,43,21,.35);font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.35rem)}
.chronicle-copy h3{text-align:center;font-family:Georgia,serif;font-weight:400;font-style:italic}
.chronicle-copy hr{margin:3rem auto;width:45%;border:0;border-top:1px solid rgba(70,43,21,.42)}
.chronicle-copy blockquote{margin:1.5rem 0;padding:.7rem 1.2rem;border-left:3px solid #7b261d;font-size:1.12em;font-style:italic}
.chronicle-close{margin:0 0 1.5rem;padding:.65rem .85rem;cursor:pointer;background:#2c1b0e;border:1px solid #79552f;color:#f0dfc1;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.listener-panel{margin-top:10vh;background:linear-gradient(145deg,#21170e,#0d0905);color:#eee0c5;text-align:center}
.listener-panel h2{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem)}
.listener-panel p{color:#c1ad8b}
.chronicle-audio{display:block;width:100%;margin:2rem 0}
.lab-eleven-plaque{position:absolute;left:1rem;bottom:1rem;z-index:5;width:170px;padding:.62rem .78rem .7rem;transform:rotate(.8deg);background:linear-gradient(145deg,rgba(95,91,80,.94),rgba(28,27,24,.97));border:2px solid #a69e89;border-radius:3px;box-shadow:inset 0 0 0 2px #28261f,4px 5px 12px rgba(0,0,0,.7);color:#d7cfbd;text-align:center;text-transform:uppercase;font-family:'Courier New',monospace}
.lab-eleven-plaque:before,.lab-eleven-plaque:after{content:"";position:absolute;top:6px;width:5px;height:5px;border-radius:50%;background:#302d26;border:1px solid #baad91}
.lab-eleven-plaque:before{left:6px}.lab-eleven-plaque:after{right:6px}
.lab-eleven-plaque span{display:block;font-size:.55rem;font-weight:900;letter-spacing:.11em}
.lab-eleven-plaque strong{display:block;margin:.18rem 0 .1rem;color:#f1ece5;font-size:1.25rem;line-height:1;letter-spacing:.18em;text-shadow:0 0 6px rgba(255,255,255,.24)}
.lab-eleven-plaque em{display:block;color:#bbb19d;font-family:Georgia,serif;font-size:.65rem;line-height:1.2;text-transform:none}
.footer{border-top:1px solid var(--line);padding:2rem 1.2rem;color:#8f8884;text-align:center;font-size:.9rem}
.footer p{margin:0}
.secret-hint{margin-top:1.4rem!important;color:rgba(143,136,132,.62);font-size:.78rem;font-style:italic;letter-spacing:.08em}
@media(max-width:900px){.menu{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:65px;background:#080808;border-bottom:1px solid var(--line);padding:.7rem;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.grid{grid-template-columns:1fr 1fr}.feature,.band-story,.family-grid,.photo-wall-intro,.allies-intro,.ally-invite-inner{grid-template-columns:1fr}.ally-grid{grid-template-columns:1fr}.band-story{gap:1rem;padding-top:2.5rem}.event{grid-template-columns:1fr}.date{border-right:0;border-bottom:1px solid var(--line);padding-bottom:1rem}.hero{min-height:76vh;background-size:100% auto;background-position:top center}.hero-inner{padding-bottom:2rem}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.hero h1{font-size:3.4rem}.art-hero,.calendar-hero,.family-hero,.contact-hero{overflow:hidden}.art-hero img,.calendar-hero img,.family-hero img{width:180%;max-width:none;margin-left:-40%;height:auto}.contact-artwork{width:180%;margin-left:-40%}.contact-artwork>img{width:100%;max-width:none;height:auto}.brand{letter-spacing:.06em}.wall-of-chaos{padding:2rem 1.5rem}.photo-wall{columns:2 135px}.behind-chaos{padding-top:3rem}.hidden-hatch{right:.1rem;bottom:-1.3rem}.goblin-counter{right:.65rem;bottom:.65rem;min-width:140px}.goblin-counter strong{font-size:1rem}.lab-eleven-plaque{left:.65rem;bottom:.65rem;width:145px}.lab-eleven-plaque strong{font-size:1.05rem}.chronicle-choices{grid-template-columns:1fr}.chronicle-later{grid-column:1}.chronicle-secret{left:5%;width:25%;height:20%}}
@media(prefers-reduced-motion:reduce){.chronicle-secret{animation:none;opacity:.72}}