/* Two campaigns share the account workflow; their stage and composition are independent. */
.scene-only,.cr-only,.bs-only {display:none}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .scene-only {display:flex}
[data-template=chicken-road] .cr-only,[data-template=book-of-shadows] .bs-only {display:block}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .landing {background:var(--bg);color:var(--bodyInk);--g:clamp(20px,5.8vw,94px);font:16px/1.5 Arial,"Segoe UI",sans-serif}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .landing-wrap {width:100%;max-width:1880px;margin:auto}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .mast {height:66px;padding:0 var(--g);gap:18px}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .brand {font-size:32px}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .brand .bolt {width:18px;height:24px}
:is([data-template=chicken-road],[data-template=book-of-shadows]) :is(.mast-label,.jump-auth,.poster-meta,.poster-foot,.poster-tint) {display:none}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .mast-rule {height:0}
.scene-brand-note {font:700 9px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;border-left:1px solid #aaa7;padding-left:16px}
.scene-nav {align-items:center;gap:24px}
.scene-nav a {display:inline-flex;align-items:center;gap:14px;text-decoration:none;font:700 13px/1 Arial,sans-serif;min-height:38px}
.scene-nav a:last-child {padding:0 16px;border:1px solid currentColor}
.scene-nav a:hover,.scene-nav a:focus-visible {text-decoration:underline;text-underline-offset:4px}
.scene-nav b {font-size:17px}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .entry {margin:0;gap:0;align-items:stretch;padding:0 var(--g)}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .poster {min-height:0;color:var(--bodyInk);border-radius:0;padding:0;isolation:isolate}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .poster-copy {margin:0;padding:0;animation:none}
:is([data-template=chicken-road],[data-template=book-of-shadows]) #hero-title span {display:block}
.scene-overline {font:700 11px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:13px}
.scene-overline i {background:currentColor;height:1px;width:34px}
.scene-actions {gap:12px;align-items:center;margin-top:24px}
.scene-enter {display:inline-flex;min-height:49px;align-items:center;justify-content:space-between;gap:25px;border-radius:var(--radius);border:1px solid var(--cta);background:var(--cta);color:var(--ctaInk);padding:0 19px;text-decoration:none;font:700 15px/1 Arial,sans-serif}
.scene-enter span {font-size:20px}
.scene-enter:hover {filter:brightness(1.12)}
#scene-motion {border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;width:44px;height:44px}
#scene-motion svg {width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .auth-paper {min-width:0;min-height:0;color:var(--paperInk);background:var(--paper)}
:is([data-template=chicken-road],[data-template=book-of-shadows]) .landing-footer {margin:0 var(--g);padding:20px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}
[data-template=chicken-road] .mast {background:#132e30;color:#f7f5da;border-bottom:3px solid #132e30}
[data-template=chicken-road] .entry {grid-template-columns:1fr .9fr;gap:36px clamp(36px,7vw,130px);padding-bottom:42px}
[data-template=chicken-road] .poster {display:grid;grid-column:1/-1;grid-template-columns:.92fr 1.08fr;align-items:center;margin:0 calc(0px - var(--g));border:0;border-bottom:4px solid #173537;background:var(--accent);min-height:clamp(490px,40vw,670px)}
[data-template=chicken-road] .poster-copy {grid-area:1/1;z-index:1;max-width:100%;padding:48px 4% 48px var(--g)}
[data-template=chicken-road] .poster-copy h1 {font:900 clamp(72px,7.3vw,136px)/.83 Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.032em;max-width:100%;color:#123a37;text-shadow:none;margin:25px 0 19px;transform:rotate(-2deg);transform-origin:left}
[data-template=chicken-road] .poster-copy h1 span+span {color:var(--accent);-webkit-text-stroke:2px #123a37;paint-order:stroke fill;text-shadow:3px 3px 0 #123a37}
[data-template=chicken-road] .poster-copy p {font:500 clamp(15px,1.15vw,18px)/1.45 Arial,sans-serif;color:var(--bodyInk);max-width:30ch;margin:0;text-wrap:pretty}
[data-template=chicken-road] .scene-enter {box-shadow:3px 3px 0 #557055}
[data-template=chicken-road] .art-pane {display:none;animation:none}
[data-template=chicken-road] .cr-diorama {position:relative;grid-area:1/2;align-self:stretch;isolation:isolate;overflow:hidden;min-height:100%;background:radial-gradient(ellipse at 58% 18%,#dff5bb 0,#a6ddbc 38%,#65c2aa 70%,#489d98 100%);border-left:3px solid #163535}
.cr-diorama::before {position:absolute;content:"";inset:0;background-image:radial-gradient(#135c5733 1px,transparent 1px);background-size:9px 9px;mask-image:linear-gradient(15deg,#000,transparent 68%)}
.cr-kerb,.cr-asphalt,.cr-crossing {position:absolute;pointer-events:none}
.cr-kerb {inset:51% -12% -40%;transform:rotate(-10deg);background:repeating-linear-gradient(90deg,#f2e9bf 0 37px,#e3a745 37px 74px);border-top:4px solid #498e81}
.cr-asphalt {inset:55% -18% -40%;transform:rotate(-10deg);background:linear-gradient(155deg,#497571,#486e67 65%,#3e605e);border-top:5px solid #729688}
.cr-crossing {left:-20%;right:-20%;top:63%;height:25%;transform:rotate(-10deg) skewX(-28deg);background:repeating-linear-gradient(90deg,transparent 0 39px,#f5f1cc 40px 83px,transparent 84px 93px);opacity:.84}
#cr-stage {position:absolute;inset:1% 5% 4%;isolation:isolate}
#cr-stage canvas,#cr-stage .cr-fallback {display:block;width:100%;height:100%;object-fit:contain}
#cr-stage[data-figure=live]>.cr-fallback {display:none}
.cr-stage-index {position:absolute;right:18px;bottom:13px;color:#fcf9d6;font:bold 9px/1 monospace;letter-spacing:.18em}
.cr-roadsign {position:absolute;top:8%;right:6%;display:flex;align-items:center;justify-content:center;gap:4px;background:#283d37;padding:6px 8px;border-radius:9px;box-shadow:0 3px #678e77;transform:rotate(5deg)}
.cr-roadsign i {border-radius:50%;width:8px;height:8px;background:#718376}
.cr-roadsign i:last-child {background:#cdff68;box-shadow:0 0 7px #e4ff77}
[data-template=chicken-road][data-custom-road-art] .art-pane {display:block;inset:0 54% 0 0;opacity:.12}
[data-template=chicken-road] .cr-directions {align-self:start;display:grid;gap:17px;max-width:620px;margin:clamp(12px,2vw,32px) 0}
.cr-way {display:flex;align-items:center;gap:15px}
.cr-way>b {background:var(--accent);border:2px solid currentColor;border-radius:7px;font:700 33px/1 Arial,sans-serif;padding:5px 10px;transform:rotate(-4deg)}
.cr-directions h2 {font:900 clamp(28px,3vw,52px)/1 Arial,sans-serif;letter-spacing:-.06em}
.cr-directions>div+div {border-top:1px solid #203e3b47;padding:14px 0 2px}
.cr-directions small {font:800 11px/1.3 monospace;letter-spacing:.14em;color:#395c56}
.cr-directions p {margin-top:6px;max-width:44ch;font:16px/1.5 Arial,sans-serif}
[data-template=chicken-road] .auth-paper {border:2px solid #173d38;border-radius:8px;box-shadow:5px 5px 0 #183d38;align-self:start;padding:clamp(20px,2.6vw,36px)}
[data-template=chicken-road] .auth-tabs {border-radius:3px}
[data-template=chicken-road] .auth-paper h2 {font:900 clamp(27px,2.5vw,42px)/1.05 Arial,sans-serif}
[data-template=book-of-shadows] .landing {background:radial-gradient(ellipse at 50% 8%,#40344e70,transparent 66%),var(--bg)}
[data-template=book-of-shadows] .mast {border-bottom:1px solid #aa91c146}
[data-template=book-of-shadows] .entry {grid-template-columns:minmax(330px,.9fr) minmax(280px,1.1fr);column-gap:clamp(35px,9vw,145px)}
[data-template=book-of-shadows] .poster {grid-column:1/-1;display:grid;grid-template-columns:39% 61%;margin:clamp(18px,3vw,50px) 0 clamp(24px,4vw,64px);border:1px solid #b49faa82;background:#e9dfcb;box-shadow:0 16px 44px #08060d88;min-height:clamp(450px,35.5vw,630px)}
[data-template=book-of-shadows] .poster-copy {grid-area:1/1;position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(27px,3.6vw,70px);color:#382c3d;background:linear-gradient(90deg,#b6a39355,transparent 6%,transparent 93%,#99877555),#ece2d2;border-right:3px double #968576}
[data-template=book-of-shadows] .poster-copy::before {content:"";position:absolute;inset:11px;border:1px solid #8f768167;pointer-events:none}
[data-template=book-of-shadows] .scene-overline {font-size:9px;letter-spacing:.16em;color:#5f4d61}
[data-template=book-of-shadows] .poster-copy h1 {font:500 clamp(58px,6.4vw,116px)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.075em;max-width:100%;margin:24px 0;color:#35273d;text-shadow:none}
[data-template=book-of-shadows] .poster-copy h1 span:first-child {font-style:italic;font-size:.76em;letter-spacing:-.07em;padding-bottom:.08em}
[data-template=book-of-shadows] .poster-copy p {max-width:33ch;color:#50424d;margin:0;font:clamp(15px,1.2vw,21px)/1.5 Georgia,serif}
[data-template=book-of-shadows] .art-pane {position:relative;grid-area:1/2;inset:auto;z-index:0;align-self:stretch;animation:none}
[data-template=book-of-shadows] .art-pane img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 52%;animation:bs-plate 18s ease-in-out infinite alternate}
[data-template=book-of-shadows] .bs-frame {position:relative;grid-area:1/2;z-index:1;align-self:stretch;margin:14px;pointer-events:none;border:1px solid #e7d2d673}
.bs-frame::before,.bs-frame::after {content:"✧";position:absolute;top:-9px;left:-7px;color:#f2dfb2;font:16px/1 Georgia,serif}
.bs-frame::after {top:auto;left:auto;bottom:-9px;right:-7px}
.bs-frame i {position:absolute;bottom:7px;left:calc(50% - 6px);color:#e3d4c7;font:16px/1 Georgia,serif}
[data-template=book-of-shadows] .scene-enter {box-shadow:0 2px 0 #1a111f55}
[data-template=book-of-shadows] .auth-paper {grid-column:1;grid-row:2;align-self:start;margin:0 0 40px;border:1px solid #b29ab26b;border-radius:2px;box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px #ad96aa44}
[data-template=book-of-shadows] .auth-paper h2,.bs-notes h2 {font:500 clamp(32px,3.2vw,54px)/1.04 Georgia,serif;letter-spacing:-.055em}
[data-template=book-of-shadows] .auth-tabs button[aria-selected=true] {box-shadow:0 2px 0 var(--accent)}
[data-template=book-of-shadows] .bs-notes {grid-column:2;grid-row:2;align-self:start;margin:clamp(12px,2vw,32px) 0 54px;max-width:580px}
.bs-notes>span {font:600 11px/1.2 Georgia,serif;text-transform:uppercase;letter-spacing:.19em;color:var(--accent)}
.bs-notes>span i {padding:0 10px}
.bs-notes h2 {margin:16px 0 26px}
.bs-notes details {border-block-start:1px solid #ad99b559;padding:14px 0}
.bs-notes summary {cursor:pointer;font:19px/1.2 Georgia,serif}
.bs-notes p {margin-top:8px;color:#d8cddc;max-width:47ch}
@keyframes bs-plate {to{transform:scale(1.045)}}
[data-template=book-of-shadows] .poster.scene-paused .art-pane img {animation-play-state:paused}
@media(max-width:800px){
  :is([data-template=chicken-road],[data-template=book-of-shadows]) .landing{--g:clamp(16px,4vw,30px)}
  [data-template=book-of-shadows] .poster{grid-template-columns:43% 57%;min-height:420px}
}
@media(max-width:650px){
  :is([data-template=chicken-road],[data-template=book-of-shadows]) .mast{height:55px;gap:10px}
  .scene-brand-note{font-size:8px;letter-spacing:.09em;padding-left:9px}
  .scene-nav a:first-child{display:none}
  .scene-nav a:last-child{min-height:34px;padding:0 10px}
  :is([data-template=chicken-road],[data-template=book-of-shadows]) .entry{display:flex;flex-direction:column;gap:0}
  [data-template=chicken-road] .poster{grid-template-columns:1fr;min-height:0}
  [data-template=chicken-road] .poster-copy{padding:24px var(--g) 21px}
  [data-template=chicken-road] .poster-copy h1{font-size:clamp(49px,11.8vw,74px);margin:11px 0;line-height:.99;transform:rotate(-1deg)}
  [data-template=chicken-road] .poster-copy h1 span{display:inline}
  [data-template=chicken-road] .poster-copy h1 span+span{-webkit-text-stroke:1px #123a37;text-shadow:2px 2px 0 #123a37}
  [data-template=chicken-road] .poster-copy p{font-size:15px;max-width:39ch}
  [data-template=chicken-road] .scene-actions{margin-top:15px}
  [data-template=chicken-road] .cr-diorama{grid-area:2/1;min-height:clamp(252px,66vw,365px);border-left:0;border-top:2px solid #183737}
  #cr-stage{inset:-1% 7% 0}
  [data-template=chicken-road] .cr-directions{gap:12px;margin:24px 0}
  [data-template=chicken-road] .auth-paper{width:100%}
  [data-template=book-of-shadows] .poster{grid-template-columns:1fr;min-height:0;margin:16px 0 24px}
  [data-template=book-of-shadows] .art-pane,[data-template=book-of-shadows] .bs-frame{grid-area:1/1}
  [data-template=book-of-shadows] .art-pane{aspect-ratio:1.73}
  [data-template=book-of-shadows] .poster-copy{grid-area:2/1;padding:26px 25px;border-right:0}
  [data-template=book-of-shadows] .poster-copy h1{margin:13px 0;font-size:clamp(42px,10.5vw,65px);line-height:.98}
  [data-template=book-of-shadows] .poster-copy h1 span{display:inline}
  [data-template=book-of-shadows] .scene-actions{margin-top:16px}
  [data-template=book-of-shadows] .bs-notes{order:2;margin:0 0 30px;align-self:stretch}
  [data-template=book-of-shadows] .auth-paper{margin:0 0 25px;width:100%}
}
@media(prefers-reduced-motion:reduce){[data-template=book-of-shadows] .art-pane img{animation:none}}
[data-template=book-of-shadows][data-motion=false] .art-pane img{animation:none}


[data-template=chicken-road] #cr-stage:empty {background:url("/platform/ui/assets/chicken-figure-poster.webp") center/contain no-repeat}