/* Three two-colour game prints. The account card and editable text are shared. */
:is([data-template=sweet-bonanza],[data-template=the-dog-house],[data-template=big-bass-bonanza]) .art-pane img {
  display:block;width:100%;height:100%;object-fit:contain;
}
:is([data-template=sweet-bonanza],[data-template=the-dog-house],[data-template=big-bass-bonanza]) .entry {
  margin-block:clamp(25px,5vh,60px);
}
:is([data-template=sweet-bonanza],[data-template=the-dog-house],[data-template=big-bass-bonanza]) #hero-title {
  text-wrap:balance;
}

/* Sweet Bonanza / the two scalloped edges of a confectionery label. */
[data-template=sweet-bonanza] .poster {
  isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-content:center;align-self:stretch;align-items:center;gap:0 4px;
  border-block:1px solid color-mix(in srgb,var(--accent) 63%,transparent);
  background:color-mix(in srgb,var(--accent) 4%,var(--bg));
  padding:clamp(22px,4vw,54px) clamp(14px,2.5vw,48px);
}
[data-template=sweet-bonanza] .poster::before,[data-template=sweet-bonanza] .poster::after {
  content:"";position:absolute;left:0;right:0;height:3px;pointer-events:none;
  background:repeating-linear-gradient(104deg,var(--accent) 0 1.5px,transparent 2px 7px);opacity:.65;
}
[data-template=sweet-bonanza] .poster::before {top:5px}
[data-template=sweet-bonanza] .poster::after {bottom:5px}
[data-template=sweet-bonanza] .poster-copy {display:contents}
[data-template=sweet-bonanza] #minimal-eyebrow {grid-area:1/1;align-self:end}
[data-template=sweet-bonanza] #hero-title {
  grid-area:2/1;max-width:8ch;margin:12px 0;
  font:italic 700 clamp(48px,5.25vw,91px)/.88 Georgia,serif;letter-spacing:-.067em;
}
[data-template=sweet-bonanza] #hero-text {grid-area:3/1;align-self:start;margin:4px 0 0;max-width:24ch}
[data-template=sweet-bonanza] .pocket-enter {grid-area:4/1;justify-self:start}
[data-template=sweet-bonanza] .art-pane {
  grid-area:1/2/5/3;width:120%;max-width:none;height:clamp(186px,24vw,330px);margin-left:-6%;
}
[data-template=sweet-bonanza] .auth-paper {border:0;border-block-start:3px solid var(--accent)}
[data-template=sweet-bonanza] .auth-paper h2 {letter-spacing:-.055em}

/* The Dog House / kennel-club emblem on the right-hand page. */
[data-template=the-dog-house] .entry {grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr)}
[data-template=the-dog-house] .auth-paper {grid-area:1/1;border:0;border-inline-start:3px solid var(--accent)}
[data-template=the-dog-house] .poster {grid-area:1/2;align-items:center;text-align:center;gap:4px}
[data-template=the-dog-house] .art-pane {width:100%;height:clamp(145px,20vw,300px)}
[data-template=the-dog-house] .poster-copy {width:100%}
[data-template=the-dog-house] #minimal-eyebrow {letter-spacing:.19em}
[data-template=the-dog-house] #hero-title {
  font:900 clamp(53px,5.8vw,98px)/.88 Arial,"Segoe UI",sans-serif;letter-spacing:-.073em;
  margin:12px auto 9px;max-width:10ch;
}
[data-template=the-dog-house] #hero-text {max-width:36ch;margin:12px auto 0}
[data-template=the-dog-house] .auth-paper .primary {box-shadow:0 2px color-mix(in srgb,var(--accent) 75%,var(--paper))}

/* Big Bass Bonanza / etched field specimen and a ruler on the lower margin. */
[data-template=big-bass-bonanza] .poster {align-self:center;flex-direction:column;align-items:start}
[data-template=big-bass-bonanza] #minimal-eyebrow {display:flex;align-items:center;gap:10px}
[data-template=big-bass-bonanza] #minimal-eyebrow::before {content:"";width:28px;height:2px;background:var(--accent)}
[data-template=big-bass-bonanza] .art-pane {
  order:2;width:100%;max-width:680px;height:clamp(170px,19.8vw,290px);margin-top:8px;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 68%,transparent);
  background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 16px) bottom left / 100% 4px no-repeat;
}
[data-template=big-bass-bonanza] .poster-copy {order:1}
[data-template=big-bass-bonanza] #hero-title {font:italic 500 clamp(62px,6.1vw,108px)/.92 Georgia,serif;letter-spacing:-.074em;max-width:10ch;margin:16px 0 10px}
[data-template=big-bass-bonanza] #hero-text {max-width:39ch}
[data-template=big-bass-bonanza] .auth-paper {border:0;border-block-start:4px solid var(--accent)}
[data-template=big-bass-bonanza] .auth-paper h2 {font-family:Georgia,serif;letter-spacing:-.04em}
@media(max-width:1050px) and (min-width:821px){
  [data-template=sweet-bonanza] .poster {grid-template-columns:1fr}
  [data-template=sweet-bonanza] .art-pane {grid-area:1/1;width:100%;height:170px;margin:0}
  [data-template=sweet-bonanza] #minimal-eyebrow {grid-area:2/1}
  [data-template=sweet-bonanza] #hero-title {grid-area:3/1;max-width:none}
  [data-template=sweet-bonanza] #hero-text {grid-area:4/1;max-width:34ch}
}
@media(max-width:820px){
  :is([data-template=sweet-bonanza],[data-template=the-dog-house],[data-template=big-bass-bonanza]) .entry {
    grid-template-columns:minmax(0,1fr);gap:15px;margin-block:15px 24px;
  }
  [data-template=sweet-bonanza] .poster {padding:20px 12px 19px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  [data-template=sweet-bonanza] #hero-title {font-size:clamp(39px,10.6vw,74px);margin:8px 0;max-width:9ch}
  [data-template=sweet-bonanza] .art-pane {height:clamp(105px,33vw,180px);width:116%;margin-left:-8%}
  [data-template=sweet-bonanza] #hero-text {grid-area:3/1/4/3;max-width:40ch;line-height:1.4}
  [data-template=sweet-bonanza] .art-pane {grid-row:1/3}
  [data-template=sweet-bonanza] .pocket-enter {grid-area:4/1/5/3;margin-top:12px}
  [data-template=the-dog-house] .poster {grid-area:auto;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;text-align:left;gap:0 7px}
  [data-template=the-dog-house] .poster-copy {display:contents}
  [data-template=the-dog-house] .art-pane {grid-area:1/1/3/2;height:clamp(92px,26vw,150px)}
  [data-template=the-dog-house] #minimal-eyebrow {grid-area:1/2;align-self:end;font-size:9px}
  [data-template=the-dog-house] #hero-title {grid-area:2/2;align-self:start;font-size:clamp(39px,10vw,70px);line-height:.93;max-width:9ch;margin:5px 0 0}
  [data-template=the-dog-house] #hero-text {grid-area:3/1/4/3;max-width:47ch;margin:7px 0 0}
  [data-template=the-dog-house] .pocket-enter {grid-area:4/1/5/3;justify-self:start;margin-top:12px}
  [data-template=the-dog-house] .auth-paper {grid-area:auto;border-inline-start:0;border-top:2px solid var(--accent)}
  [data-template=big-bass-bonanza] .poster {display:grid;grid-template-columns:1fr;text-align:left}
  [data-template=big-bass-bonanza] .poster-copy {order:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  [data-template=big-bass-bonanza] .art-pane {order:1;width:100%;height:clamp(100px,26vw,137px);margin:0 0 12px}
  [data-template=big-bass-bonanza] #minimal-eyebrow {grid-column:1/-1;font-size:9px}
  [data-template=big-bass-bonanza] #hero-title {grid-column:1/-1;max-width:none;font-size:clamp(37px,9.4vw,62px);margin:6px 0}
  [data-template=big-bass-bonanza] #hero-text {grid-column:1/-1;margin:2px 0 0;max-width:41ch}
  [data-template=big-bass-bonanza] .pocket-enter {justify-self:start;margin-top:10px}
}
@media(max-width:359px){
  [data-template=sweet-bonanza] .poster {padding-inline:10px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  [data-template=sweet-bonanza] #hero-title{font-size:36px;letter-spacing:-.065em}
  [data-template=sweet-bonanza] #minimal-eyebrow,[data-template=big-bass-bonanza] #minimal-eyebrow {font-size:9px}
}