/* These games have their own advertisements rather than borrowing the folio
   header. Reuse their real creature, environment and concept artwork intact. */
.sales-special{container-type:inline-size;--sales-copy:#e1dbc9}
.sales-special :is(a,button,summary):focus-visible{outline:3px solid #e6c97d;outline-offset:4px}
/* Echoes: a creature plate facing a compact catalogue announcement. */
.sales-special.echoes-folio{--folio-paper:#16272d;--folio-ink:#ece5ce;--folio-color:#e2cb8a;--folio-edge:#748a84;--folio-rule:#76898280}
.sales-special.echoes-folio[data-program=echoes-of-elsewhere-tcg]{--folio-paper:#182644;--folio-edge:#8597b6;--folio-rule:#718aad80}
.sales-special .echoes-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);background:#13272e;border:0;border-bottom:4px double #9fa887;box-shadow:none}
.sales-special[data-program=echoes-of-elsewhere-tcg] .echoes-cover{background:#182644;border-color:#a8b8cf}
.sales-special .echoes-cover figure{grid-column:2;grid-row:1;position:static;align-self:start;margin:0;background:#0c1a20}
.sales-special .echoes-cover figure>img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;padding:0;filter:none}
.sales-special .echoes-cover figure::after{content:none}
.sales-special .echoes-cover figcaption{position:static;padding:7px 10px;color:#d8ddcc;font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;background:#0c1a20}
.sales-special .echoes-cover-type{grid-column:1;grid-row:1;padding:20px 22px;align-self:center}
.sales-special .echoes-cover h1{font:bold clamp(27px,4.3cqw,40px)/1.06 'Times New Roman',Times,serif!important;letter-spacing:0!important;color:#f4e6bc;margin:8px 0 12px;text-shadow:1px 2px #08161a}
.sales-special .echoes-cover .echoes-rubric{font:12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:#b9cbc4;margin:0 0 12px}
.sales-special .echoes-subtitle{font:14px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;color:#dddcbd}
.sales-special .echoes-line{font:17px/1.4 'Times New Roman',Times,serif!important;font-style:normal!important;color:#dce3d2;margin:9px 0}
.sales-special .echoes-edition{font:13px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;margin:12px 0;color:#d5dccc}
.sales-special .echoes-cover .echoes-small{margin:10px 0 0;font:13px/1.4 Arial,Helvetica,sans-serif!important;color:#c4d1c8}
.sales-special .echoes-actions{gap:8px;margin:12px 0 0}
.sales-special .echoes-actions :is(a,button),.sales-special .echoes-download{min-height:44px;border:2px outset #a6b49f;background:#dbe0c9;color:#162c38;padding:8px 12px;font:bold 14px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;box-shadow:none;text-decoration:underline;border-radius:0}
.sales-special .echoes-actions small{font:12px/1.4 Arial,Helvetica,sans-serif!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .sales-special.echoes-folio :is(h1,h2,h3,h4){font-family:'Times New Roman',Times,serif!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .sales-special.echoes-folio :is(p,a,button,li,figcaption,summary){font-family:Arial,Helvetica,sans-serif!important}
.sales-special.echoes-folio :is(.echoes-opening,.echoes-features,.echoes-creatures,.echoes-player,.echoes-release,.echoes-notebook){padding:20px 22px}
.sales-special.echoes-folio :is(h2,h3){font-size:23px;line-height:1.2;margin:5px 0 9px;letter-spacing:0}
.sales-special.echoes-folio p{font-size:15px;line-height:1.5}
.sales-special.echoes-folio .echoes-rubric{font:13px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;text-transform:none}
.sales-special.echoes-folio .echoes-opening{background:#dce2ce;color:#243a35}
.sales-special.echoes-folio .echoes-lede{font:17px/1.5 'Times New Roman',Times,serif!important;max-width:78ch;margin:6px 0 0}
.sales-special .echoes-player,.sales-special .echoes-player p,.sales-special [data-echoes-game-mount]{color:#e4ddcb;background-color:#141e20}
.sales-special .echoes-player .echoes-rubric{color:#bfcab6}
.sales-special .echoes-sales-steps{display:block;padding:15px 22px;background:#16272d;border-bottom:1px solid #607a77}
.sales-special .echoes-sales-steps>article{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px;padding:7px 0;color:#e0e1d0}
.sales-special .echoes-sales-steps>article>span{display:none}
.sales-special .echoes-sales-steps h2{font:bold 18px/1.4 'Times New Roman',Times,serif;margin:0;color:#e7d3a7}
.sales-special .echoes-sales-steps p{margin:0;font:15px/1.5 Arial,Helvetica,sans-serif}
.sales-special .echoes-gameplay-proof{margin:0;padding:16px 22px;background:#0d1d22}
.sales-special .echoes-gameplay-proof img{display:block;width:100%;height:auto;border:1px solid #7c958c}
.sales-special .echoes-gameplay-proof figcaption{color:#c2cbbf;padding:7px 0 0;font:13px/1.4 Arial,Helvetica,sans-serif}
.sales-special .echoes-features{gap:17px}
.sales-special .echoes-features article{padding:0 15px 0 0}
.sales-special .echoes-curated-creatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.sales-special .echoes-curated-creatures figure{margin:0;background:#102124;border:1px solid #7c9685}
.sales-special .echoes-curated-creatures img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:contain}
.sales-special .echoes-curated-creatures figcaption{padding:8px;color:#e3d9be;font:14px/1.4 Arial,Helvetica,sans-serif}
.sales-special .echoes-curated-creatures :is(strong,span){display:block}
.sales-special .echoes-curated-creatures span{font:12px/1.4 Arial,Helvetica,sans-serif;color:#b8cbbb;margin-top:3px}
.sales-special .echoes-release{gap:20px}
.sales-special .echoes-release aside{padding:14px;box-shadow:none}
.sales-special .echoes-release>[data-program-demo-mount]{grid-column:1/-1;min-width:0}
.sales-special .echoes-notebook summary{cursor:pointer;color:#373c2d;font:bold 16px/1.5 Arial,Helvetica,sans-serif}
.sales-special .echoes-notebook h2{color:#34392b;font-size:23px;margin-top:15px}
.sales-special .echoes-notebook p:last-child{margin-bottom:0}
/* Poot-Poot: purple lettering and a cheerful car beside the full rescue scene. */
:is(#screen-content,#game-detail-content) .poot-program.sales-special,
.poot-program.sales-special{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);padding:0!important;color:#44274d!important;background:#fff3bd!important;border:2px solid #9671ab!important;font:16px/1.5 'Times New Roman',Times,serif}
.poot-program.sales-special>*{min-width:0}
.poot-program.sales-special .poot-sales-header{display:block;grid-column:1;grid-row:1;padding:15px;text-align:center;background:#ece0fa;border-right:1px solid #a489b5}
.poot-program.sales-special img.poot-host{width:130px;max-width:100%;margin:0 auto 7px}
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special .program-title,
.poot-program.sales-special .program-title{font:bold clamp(29px,4.5cqw,43px)/1.1 'Trebuchet MS',Arial,sans-serif!important;color:#683483!important;letter-spacing:-.02em!important;text-shadow:1px 1px #fff,2px 2px #c19bd2!important;margin:7px 0!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special .program-kicker,
.poot-program.sales-special .program-kicker{font:bold 12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#653d72!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special .program-tagline,
.poot-program.sales-special .program-tagline{font:16px/1.4 'Times New Roman',Times,serif!important;color:#603c60!important;font-style:normal!important}
.poot-program.sales-special .poot-sales-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:12px 0 8px}
.poot-program.sales-special .poot-play-link{font:bold 14px/1.4 Arial,Helvetica,sans-serif;padding:8px 11px;min-height:44px;border:2px outset #b27cc6;border-radius:0;background:#fff1a4;color:#622b81;text-decoration:underline;box-shadow:none}
.poot-program.sales-special .poot-download-link{background:#f5e5fc;color:#622b81;cursor:pointer}
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special .poot-edition,
.poot-program.sales-special .poot-edition{font:12px/1.4 Arial,Helvetica,sans-serif!important;color:#603c60!important;margin:6px 0 0}
.poot-program.sales-special .poot-rescue{grid-column:2;grid-row:1;margin:0;background:#d7edab;align-self:start}
.poot-program.sales-special .poot-title-art{display:block;border:0;box-shadow:none;background:none;padding:0}
.poot-program.sales-special .poot-title-art>span{position:static;display:block;background:#526e29;color:#fffad4;padding:8px 10px;text-align:center;font:bold 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}
.poot-program.sales-special figcaption{padding:7px 12px;font:13px/1.4 Arial,Helvetica,sans-serif;color:#526131}
.poot-program.sales-special>:not(.poot-sales-header):not(.poot-rescue){grid-column:1/-1}
.poot-program.sales-special .poot-introduction{display:block;padding:19px 22px;border-top:3px double #b6a977;margin:0}
.poot-program.sales-special .poot-introduction p{margin:6px 0 0;font:17px/1.5 'Times New Roman',Times,serif}
.poot-program.sales-special h3{font:bold 22px/1.2 'Trebuchet MS',Arial,sans-serif!important;margin:5px 0 8px;color:#683483}
.poot-program.sales-special .poot-features{gap:20px;margin:0;padding:0 22px 18px}
.poot-program.sales-special .poot-features section{border:0;padding:0;background:none}
.poot-program.sales-special .poot-features p{font:15px/1.5 Arial,Helvetica,sans-serif}
.poot-program.sales-special>figure:not(.poot-rescue){margin:0 22px 10px}
.poot-program.sales-special footer{padding:18px 22px}
.poot-program.sales-special button[hidden]{display:none}
/* Iron Litany: a small iron-and-red prospectus; the priest and cannon stay visible. */
.iron-litany-program.sales-special{background:#151616;color:#d5d0ba;border-color:#826d4b;font:16px/1.5 'Times New Roman',Times,serif}
:is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-cover,
.iron-litany-program.sales-special .iron-litany-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);min-height:0;background:#292a26;align-items:start;border-bottom:4px double #938264}
.iron-litany-program.sales-special .iron-litany-cover figure{position:static;grid-column:2;grid-row:1;margin:0}
.iron-litany-program.sales-special .iron-litany-cover figure::after{content:none}
.iron-litany-program.sales-special .iron-litany-cover img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.iron-litany-program.sales-special .iron-litany-cover figcaption{position:static;padding:7px 10px;font:12px/1.4 Arial,Helvetica,sans-serif;color:#d2c5a9;letter-spacing:0;background:#181917}
:is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-cover-copy,
.iron-litany-program.sales-special .iron-litany-cover-copy{grid-column:1;grid-row:1;padding:18px 20px;max-width:none}
:is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-register,
.iron-litany-program.sales-special .iron-litany-register{margin:0 0 12px;font:12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;color:#c1b294}
body.room-primary-layout :is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-cover h1,
.iron-litany-program.sales-special .iron-litany-cover h1{font:bold clamp(29px,4.9cqw,46px)/.95 'Times New Roman',Times,serif!important;letter-spacing:.015em;margin:10px 0;color:#d8c593;text-shadow:1px 2px #070909}
.iron-litany-program.sales-special .iron-litany-eyebrow{font:bold 13px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;color:#cbbc91}
.iron-litany-program.sales-special .iron-litany-premise{font:17px/1.4 'Times New Roman',Times,serif!important;margin:12px 0;color:#d4c7a7}
.iron-litany-program.sales-special .iron-litany-actions{gap:8px;margin:12px 0}
.iron-litany-program.sales-special .iron-litany-action{font:bold 14px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0;padding:9px 11px;min-height:44px;border:2px outset #a49164;border-radius:0;background:#c7b786;color:#272920;text-decoration:underline}
.iron-litany-program.sales-special .iron-litany-secondary{background:#292d29;color:#e1d0a4}
.iron-litany-program.sales-special .iron-litany-fine{font:13px/1.4 Arial,Helvetica,sans-serif!important;color:#c1bba4;margin:8px 0}
:is(#screen-content,#game-detail-content) .iron-litany-program.sales-special :is(.iron-litany-opening,.iron-litany-edition),
.iron-litany-program.sales-special :is(.iron-litany-opening,.iron-litany-edition){padding:20px 22px;background:none;max-width:none}
.iron-litany-program.sales-special :is(h2,h3){font:bold 23px/1.2 'Times New Roman',Times,serif!important;letter-spacing:0;margin:6px 0 10px;color:#e0d2b0}
.iron-litany-program.sales-special .iron-litany-opening p:not(.iron-litany-eyebrow){font:16px/1.5 'Times New Roman',Times,serif!important;margin:8px 0}
.iron-litany-program.sales-special .iron-litany-sales-actions{display:grid;gap:18px;padding:0 22px 22px}
.iron-litany-sales-actions>article{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:0 20px;border-top:1px solid #756a52;padding-top:17px}
.iron-litany-sales-actions>article>span{color:#c3b485;font:13px/1.4 Arial,Helvetica,sans-serif;grid-column:1}
.iron-litany-sales-actions>article>h2,.iron-litany-sales-actions>article>p{grid-column:1}
.iron-litany-sales-actions>article>p{color:#cbbfa4;font:15px/1.5 Arial,Helvetica,sans-serif;margin:0}
.iron-litany-sales-actions figure{grid-column:2;grid-row:1/span 3;align-self:start;margin:0;min-width:0;background:#090c0b;border:1px solid #827557}
.iron-litany-sales-actions img{display:block;width:100%;height:auto}
.iron-litany-sales-actions figcaption{color:#cbbca2;font:13px/1.4 Arial,Helvetica,sans-serif;padding:7px}
.iron-litany-voice{padding:20px 22px;background:#20261f;border-block:1px solid #766950}
.iron-litany-voice p{max-width:75ch;font:15px/1.5 Arial,Helvetica,sans-serif}
.iron-litany-samples{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.iron-litany-samples figure{margin:0;min-width:0}
.iron-litany-samples figcaption{font:13px/1.4 Arial,Helvetica,sans-serif;color:#d3c09e}
.iron-litany-samples audio{width:100%;margin-top:10px;color-scheme:dark}
.iron-litany-history{margin:0;padding:18px 0 0;border-bottom:1px solid #5e4b33}
.iron-litany-history>summary{padding:0 22px 18px;color:#d7c797;cursor:pointer;font:bold 15px/1.5 Arial,Helvetica,sans-serif}
.iron-litany-history-note{padding:0 22px;color:#c6bda7;font:14px/1.5 Arial,Helvetica,sans-serif}
.iron-litany-history .iron-litany-glimpses{border-color:#64583f}
@container(max-width:620px){
 .sales-special .echoes-cover{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}
 .sales-special .echoes-cover-type{padding:15px}
 .sales-special .echoes-cover .echoes-rubric{margin-bottom:8px}
 .sales-special .echoes-sales-steps>article{display:block}
 .sales-special .echoes-sales-steps p{margin-top:3px}
 .sales-special .echoes-curated-creatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .iron-litany-sales-actions>article{display:block}
 .iron-litany-sales-actions figure{margin-top:12px}
 .iron-litany-samples{grid-template-columns:1fr}
}
@container(max-width:460px){
 .poot-program.sales-special{display:block!important}
 .poot-program.sales-special .poot-sales-header{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px;text-align:left;border-right:0}
 .poot-program.sales-special img.poot-host{width:90px}
 .poot-program.sales-special .poot-sales-actions{justify-content:flex-start}
 .poot-program.sales-special .poot-features{display:block}
 .poot-program.sales-special .poot-features section{margin:13px 0}
 :is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-cover,.iron-litany-program.sales-special .iron-litany-cover{grid-template-columns:1fr}
 .iron-litany-program.sales-special .iron-litany-cover figure{grid-column:1;grid-row:1}
 :is(#screen-content,#game-detail-content) .iron-litany-program.sales-special .iron-litany-cover-copy,.iron-litany-program.sales-special .iron-litany-cover-copy{grid-column:1;grid-row:2}
}
@container(max-width:410px){
 .sales-special .echoes-cover{display:flex;flex-direction:column}
 .sales-special .echoes-cover figure{order:0;width:100%;padding:0 38px;background:#0c1a20}
 .sales-special .echoes-cover figure>img{max-height:245px}
 .sales-special .echoes-cover-type{order:1}
 .sales-special .echoes-release{grid-template-columns:1fr}
 .poot-program.sales-special .poot-sales-header{grid-template-columns:64px minmax(0,1fr);gap:8px}
 .poot-program.sales-special img.poot-host{width:64px}
}
@media(prefers-reduced-motion:reduce){.sales-special *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The older room theme must not recolor these complete advertisements. */
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special{background:#fff3bd!important;color:#44274d!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .iron-litany-program.sales-special{background:#151616!important;color:#d5d0ba!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) :is(.poot-program.sales-special,.iron-litany-program.sales-special) :is(p,a,button,li,figcaption,summary){font-family:Arial,Helvetica,sans-serif!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .poot-program.sales-special h3{font-family:'Trebuchet MS',Arial,sans-serif!important;text-transform:none!important}
body.room-primary-layout :is(#screen-content,#game-detail-content) .iron-litany-program.sales-special :is(h2,h3){font-family:'Times New Roman',Times,serif!important;text-transform:none!important}
.poot-program.sales-special .poot-title-art{border-radius:0!important}
