html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;cursor:none;font-family:Geist,Arial,sans-serif}
.yta{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}
.lager{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .6s ease-out}
.lager.syns{opacity:1}
.bild{position:absolute;top:0;left:0;right:0;bottom:0;background:#000 no-repeat center center}
.bild.fyll{background-size:100% 100%}.bild.passa{background-size:contain}.bild.tack{background-size:cover}
.lager video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
video.fyll{object-fit:fill}video.passa{object-fit:contain}video.tack{object-fit:cover}
/* dagens deal ovanpå film/vägg: kundens färger, typsnitt och en tunn dubbel ram som i menyn – aldrig en främmande färgklick.
   Allt mäts i em så att spelaren kan krympa rutan (font-size) tills den får plats på en tom yta (ägaren 5 nov: aldrig över text) */
.erbj{position:absolute;right:3.4vmin;bottom:3.4vmin;font-size:1vmin;max-width:46vw;min-width:24em;padding:2em 3.2em 2.2em;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;
  background:rgb(var(--sr-bg-rgb,21,17,14));color:var(--sr-text,#f3ead8);
  border:.22em solid var(--sr-rubrik,#e8b85c);border-radius:.6em;box-shadow:inset 0 0 0 .55em rgb(var(--sr-bg-rgb,21,17,14)),inset 0 0 0 .7em rgba(var(--sr-rubrik-rgb,232,184,92),.45),0 2em 5em -1.5em rgba(0,0,0,.75)}
.erbj small{font-size:1.5em;letter-spacing:.28em;text-transform:uppercase;color:var(--sr-rubrik,#e8b85c);font-weight:600}
.erbj strong{font:600 3.4em/1.1 var(--sr-font,Georgia,serif);margin:.18em 0 .12em;letter-spacing:.02em}
.erbj-pris{font:700 5.6em/1 var(--sr-font,Georgia,serif);color:var(--sr-rubrik,#e8b85c);font-variant-numeric:tabular-nums}
.erbj-pris span{font-size:.39em;margin-left:.27em;font-weight:600}
/* som en rad, när designen bara har en smal tom yta (till exempel en list längst ned) */
.erbj.rad{flex-direction:row;align-items:baseline;min-width:0;max-width:none;white-space:nowrap;padding:.8em 2.2em .9em;border-width:.16em;box-shadow:0 1em 3em -1em rgba(0,0,0,.7)}
.erbj.rad strong{margin:0 .6em 0 .9em;font-size:3em}
.erbj.rad .erbj-pris{font-size:3.6em}
.parning{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#15110e;color:#f3ead8;text-align:center;padding:4vmin}
.parning small{font-size:3vmin;letter-spacing:.2em;text-transform:uppercase;color:#e8b85c}
.parning .kod{font:600 18vmin/1 Geist,Arial,sans-serif;letter-spacing:.12em;margin:3vmin 0;font-variant-numeric:tabular-nums}
.parning p{font-size:3.4vmin;max-width:80vw;margin:0;line-height:1.4;color:#d9cdb8}
.namnruta{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78);color:#fff;font:600 10vmin/1.1 Geist,Arial,sans-serif;text-align:center;padding:4vmin}
.info{position:fixed;left:2vmin;top:2vmin;background:rgba(0,0,0,.86);color:#7CFC9A;font:2.2vmin/1.5 monospace;padding:1.4vmin 2vmin;border-radius:1vmin;white-space:pre;z-index:9}
.tomt{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:3.4vmin;background:#111;text-align:center;padding:4vmin}
@media (prefers-reduced-motion:reduce){.lager{transition:none}}