:root{--bg:#342f44;--ink:#f2eadd;--accent:#e2ae78;--surface:#454055;--border:color-mix(in srgb,var(--ink) 22%,transparent);--gridline:color-mix(in srgb,var(--bg) 13%,transparent);--display:"Courier New",monospace;--body:Arial,sans-serif}h1,h2{font-family:var(--display)}h3{margin-bottom:15px}section>h2+p{margin-top:26px}main>section+section{border-top:1px solid var(--border)}.art{min-width:0}.art svg{width:100%}.choice-image{max-width:640px;width:100%;max-height:450px;object-fit:contain;margin:25px 0}.stage-inner .art{max-width:850px;margin:auto;width:100%}.stage-inner>p{max-width:45ch;margin:22px auto}.stage>h2{position:relative;z-index:1}legend{font-size:19px;margin-bottom:18px}details{border-color:var(--border)}summary{font-size:20px}fieldset[disabled] input{opacity:.65}input[type=checkbox]{padding:0}header .brand{font-family:var(--body)}.auth main{min-height:calc(100svh - 170px)}.auth-help summary{font-size:16px}.stage-inner{min-height:0}.stage{padding-bottom:70px}.action{max-width:100%;font-size:16px}.status{min-height:1.8em}.note{margin-top:20px}footer{border-color:var(--border)}@media(min-width:900px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.motion-ready .stage{min-height:190vh}.motion-ready .stage-inner{position:sticky;top:20px;min-height:90vh}}@media(max-width:899px),(max-height:899px){.stage-inner{position:static!important;min-height:0!important}.stage{min-height:0!important}.auth-shell{grid-template-columns:minmax(0,1fr)}}.setlist-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4vw;padding-top:30px}.setlist-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(55px,8vw,125px);letter-spacing:-.035em;line-height:1.05}.setlist-hero .art{margin-top:-20px}.setlist-hero p{max-width:35ch}.setlist-hero .action{margin-top:24px}.prelude{display:flex;justify-content:space-between;gap:5vw;margin-top:35px}.stack-chapter{background:var(--bg);border-top:1px solid var(--border);min-height:760px}.stack-chapter h2{font-family:var(--display);font-size:clamp(35px,4vw,60px);max-width:15ch}.set-sheet{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:5vw;background:var(--ink);color:var(--bg);padding:45px;margin:35px 0 0 15vw;transform:rotate(-2deg)}.set-sheet strong{font:32px/1 var(--display)}.staff{grid-column:1/-1;position:relative;height:170px;background:repeating-linear-gradient(transparent 0 32px,var(--bg) 32px 34px)}.staff span{font:150px/1 Georgia,serif;position:absolute;left:38%;top:0}.order-form{max-width:700px;margin:40px 0}.order-form input{background:var(--surface);color:var(--ink);border:1px solid var(--border);margin-bottom:22px}.order-form button{margin-top:12px}.auth-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.auth-copy{order:-1;padding:30px;border:1px solid var(--border)}.auth h1{font-family:var(--display);font-weight:700}.auth-art{transform:rotate(3deg)}@media(min-width:900px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.motion-ready .stack-chapter{position:sticky;top:20px}.motion-ready .stack-chapter:nth-of-type(4){top:40px}.motion-ready .stack-chapter:nth-of-type(5){top:60px}.stack-chapter:focus-within{position:relative;z-index:4}}@media(max-width:899px),(max-height:899px){.setlist-hero{grid-template-columns:minmax(0,1fr)}.setlist-hero h1{font-size:clamp(48px,12vw,92px)}.setlist-hero .art{margin:0}.prelude{display:block}.set-sheet{margin:30px 0;padding:25px;grid-template-columns:minmax(0,1fr);transform:none}.stack-chapter{min-height:0}.auth-copy{order:0}.auth-art{transform:none}}@media(prefers-reduced-motion:reduce){.stack-chapter{position:static!important;min-height:0}.set-sheet{transform:none}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:32px}.auth .auth-copy{width:100%;max-width:520px;grid-column:1}.auth .auth-art{grid-column:1;max-width:100%;width:100%;margin:0}.auth .auth-art svg{height:auto;max-height:270px}.auth .auth-copy h1{overflow-wrap:normal}.auth .password-field input{min-width:0}}
@media(max-width:899px){.auth .auth-copy{order:0}.auth .auth-art{order:-1}}.staff svg{position:absolute;left:38%;top:18px;width:100px;height:135px;fill:var(--bg)}

/* Final composition follows the per-brand design agreement. */
 :root{--bg:#171b24;--ink:#f3e9d6;--accent:#d99f6e;--surface:#242c37;--display:Georgia,serif;--body:Arial,sans-serif}.setlist header{border-bottom:1px solid #f3e9d62a}.setlist-hero{grid-template-columns:1.1fr .9fr;min-height:850px;padding-top:70px;align-items:center}.setlist-hero h1{font:italic clamp(72px,8.6vw,140px)/.99 Georgia,serif;letter-spacing:-.035em}.setlist-hero>.art{width:100%}.setlist-hero p{font-size:19px;margin-top:10px}.setlist-hero .action{background:transparent;border-color:#f3e9d6;color:#f3e9d6}.setlist #prelude{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;background:#eee2cb;color:#171b24;padding-block:65px}.setlist #prelude h2{font:italic 46px/1.1 Georgia,serif}.setlist .prelude{margin:0;align-items:start}.setlist .stack-chapter{padding-top:65px;min-height:860px;background:#171b24}.setlist .stack-chapter h2{font:italic clamp(44px,5.5vw,82px)/1.06 Georgia,serif;max-width:16ch}.setlist .set-sheet{margin-top:55px;margin-left:28%;padding:45px;background:#f3e9d6;box-shadow:12px 25px 45px #0004;min-height:280px}.setlist .set-sheet strong{font:18px/1.3 "Courier New",monospace;letter-spacing:.12em}.setlist .staff{height:140px}.setlist #middle{background:#394135}.setlist #closing{background:#634033}.setlist #write{background:#eee2cb;color:#171b24;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.setlist #write h2{font:italic 75px/1.05 Georgia,serif;max-width:10ch}.setlist #write .order-form{margin:0}.setlist #write input{background:#f8f0df;color:#171b24;border-color:#8c8070}.setlist #write .primary{background:#171b24;color:#f3e9d6}.setlist #write p,.setlist #write .text-link{grid-column:2}.setlist #help{display:grid;grid-template-columns:1fr 1.1fr;gap:0 8vw}.setlist #help h2{grid-row:1/3;font-style:italic}.setlist #take{min-height:500px;display:flex;flex-direction:column;justify-content:center;background:#f3e9d6;color:#171b24}.setlist #take h2{font:italic clamp(60px,7vw,100px)/1 Georgia,serif;max-width:13ch;margin-bottom:30px}.setlist #take .action{background:#171b24;color:#f3e9d6}.setlist.auth .auth-shell{grid-template-columns:1fr 1fr;padding-block:65px}.setlist.auth .auth-copy{order:-1;border:0;padding:0;max-width:440px;margin:auto}.setlist.auth .auth-copy h1{font:italic 60px/1.05 Georgia,serif;font-weight:400}.setlist.auth .auth-art{transform:rotate(2deg)}@media(max-width:899px){.setlist-hero{display:block;min-height:0;padding-top:35px}.setlist-hero h1{font-size:clamp(66px,13vw,105px)}.setlist-hero .art{margin:25px 0}.setlist #prelude,.setlist #write,.setlist #help{display:block}.setlist .prelude{margin-top:25px}.setlist .stack-chapter{min-height:0}.setlist .set-sheet{margin:35px 0 0;padding:28px;min-height:260px;box-shadow:none;transform:none}.setlist #write h2{font-size:52px;max-width:none;margin-bottom:35px}.setlist.auth .auth-copy h1{font-size:44px}.setlist.auth .auth-copy{order:0}.setlist.auth .auth-art{order:-1;transform:none}.setlist #take{min-height:380px}.setlist #help h2{margin-bottom:30px}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr)}.auth .auth-copy,.auth .auth-art{grid-column:1;grid-row:auto}.auth .auth-copy{width:100%;max-width:520px}.auth .auth-copy h1{overflow-wrap:normal}}

@media (max-width:899px) {
  .setlist.auth .auth-shell { grid-template-columns:minmax(0,1fr); gap:32px; }
  .setlist.auth .auth-art, .setlist.auth .auth-copy { grid-column:1; grid-row:auto; width:100%; min-width:0; }
  .setlist.auth .auth-copy { max-width:520px; }
}

.setlist #write input::placeholder { color:#62574a; opacity:1; }
.setlist #write input:focus-visible { outline-color:#171b24; }

/* Allow room for enlarged text on medium screens. */
@media(min-width:900px) and (max-width:1199px){.setlist-hero{display:block;min-height:0}.setlist-hero h1{font-size:84px;max-width:none}.setlist-hero .art{max-width:720px;margin:30px auto}.setlist #prelude,.setlist #write,.setlist #help{display:block}.setlist .prelude{display:block;margin-top:30px}.setlist .set-sheet{margin-left:0;grid-template-columns:minmax(0,1fr);transform:none}.setlist #write h2{font-size:52px;max-width:none;margin-bottom:35px}.setlist #help h2{margin-bottom:30px}}
@media(max-width:1199px){.setlist.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:36px}.setlist.auth .auth-copy,.setlist.auth .auth-art{grid-column:1;grid-row:auto;width:100%;min-width:0}.setlist.auth .auth-copy{max-width:650px;padding:0;margin:auto}.setlist.auth .auth-art{max-width:650px;margin:0 auto;transform:none}.setlist.auth .auth-art svg{max-height:400px}.setlist.auth .auth-copy h1{max-width:none}}