/* SOFORT LEER V10. The original room remains one place through its three uses. */
.film-game{--sv-ink:#292a31;--sv-red:#c22d47;--sv-paper:#f7f6f2;--sv-safe:125px;--sv-bar:28px;--paper:#292a31;--ink:#f7f6f2;--red:#c22d47;--line:#f7f6f240;background:#292a31;color:#f7f6f2}
.film-game .film-beat{position:relative;min-height:720px;isolation:isolate;overflow:hidden;background:transparent;color:inherit}
.reel-enabled .film-game .film-beat{position:absolute;inset:0;min-height:0;width:100%;height:100%}
.reel-enabled .film-game>.sv-header{position:absolute;inset:16px var(--g) auto;z-index:28;display:flex;justify-content:space-between;align-items:start;gap:24px;padding:8px 0;background:transparent;color:var(--ink);font-size:13px;line-height:1.4;pointer-events:none}
.film-game h2,.film-game h3{font:800 min(6vw,9svh)/.91 var(--display);letter-spacing:-.025em;margin:0 0 24px;text-transform:uppercase}
.film-game h2>span,.film-game h3>span{display:block;color:inherit;white-space:nowrap}
.film-game p{font-size:clamp(15px,1.3vw,19px);line-height:1.6;margin:0;max-width:29em}
.film-game .sv-kicker{display:block;font-size:13px;line-height:1.5;margin:0 0 22px;color:inherit}
.film-game .sv-credit{position:absolute;left:var(--g);right:var(--g);bottom:calc(var(--sv-safe) + 17px);z-index:12;font-size:12px;line-height:1.45;color:inherit}
.film-game .sv-media{display:block;min-width:0;min-height:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;box-shadow:none;color:inherit;cursor:zoom-in;transform-origin:center center}
.film-game .sv-media>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.film-game .sv-room-layer{position:absolute;left:48%;right:var(--g);top:12%;bottom:calc(var(--sv-safe) + 43px);z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-origin:50% 70%}
.film-game .sv-room-layer>.signature-room{display:block;width:100%;height:100%;overflow:visible;aspect-ratio:680/560;stroke:#303139;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.film-game .signature-room text{font-family:var(--body,sans-serif);stroke:none;fill:#c1bcc0;font-size:13px;font-weight:500;letter-spacing:.1em}
.film-game .signature-room .sig-blueprint{stroke:#77747e;stroke-width:.5;opacity:.16}
.film-game .signature-room .sig-shadow{fill:#17181e;stroke:none;opacity:.6}
.film-game .signature-room .sig-wall-left{fill:#e5e1d8}
.film-game .signature-room .sig-wall-right{fill:#f0ece3}
.film-game .signature-room .sig-floor{fill:#d8cfc1}
.film-game .signature-room .sig-floor-lines{stroke:#b6aa9e;stroke-width:1.2;opacity:.65}
.film-game .signature-room .sig-window{fill:#f9f8f1;stroke:#8b8782;stroke-width:2}
.film-game .signature-room .sig-sunlight{fill:#fff8de;stroke:none;opacity:.36}
.film-game .signature-room .sig-wardrobe{fill:#92939b}
.film-game .signature-room .sig-sofa{fill:#b3787e}
.film-game .signature-room .sig-box{fill:#c1ad90}
.film-game .signature-room .sig-dust{stroke:#8d8378;fill:#8d8378;stroke-width:2}
.film-game .signature-room .sig-clear-arrow{stroke:#ee8091;stroke-width:3}
.film-game .signature-room .sig-clean{fill:#f5f2e9;stroke:#9e374b;stroke-width:1.8}
.film-game .signature-room .sig-partition-face{fill:#f5f1e9}
.film-game .signature-room .sig-partition-edge{fill:#d4d0c9}
.film-game .signature-room .sig-partition>path:last-child{stroke:#cac1b8;stroke-width:1}
.film-game .signature-room .sig-desk{fill:#bb9989}
.film-game .signature-room .sig-desk>path:nth-last-child(-n+2){fill:#f3f1e9}
.film-game .signature-room .sig-stool{fill:#bd8b94}
.film-game .signature-room .sig-plant{fill:#959e92;stroke:#404946}
.film-game .signature-room .sig-plant>path:nth-child(2){fill:#ba344d;stroke:#7d2839}
.film-game .signature-room .sig-dimension{stroke:#ae9ea8;stroke-width:1;opacity:.6}
.film-game .sv-intent-copy,.film-game .sv-clear-copy{position:absolute;left:var(--g);top:15%;width:44%;z-index:10}
.film-game .sv-intent-copy h2{font-size:min(8.1vw,11.4svh);line-height:.89;margin-bottom:27px}
.film-game .sv-clear-copy h3{font-size:min(8.2vw,11.6svh);line-height:.91;margin-bottom:26px}
.film-game .sv-clear-copy h3>span:last-child{color:inherit}
.film-game .sv-paper-field,.film-game .sv-game-field,.film-game .sv-play-field{position:absolute;inset:0;z-index:-1;background:var(--sv-paper);transform-origin:right center}
.film-game .sv-game-field,.film-game .sv-play-field{background:#fff}
.film-game .sv-brand,.film-game .sv-game,.film-game .sv-play{color:var(--sv-ink)}
.film-game .sv-brand-first{position:absolute;left:var(--g);top:24%;width:41%;z-index:9}
.film-game .sv-logo-source{width:100%;height:auto;aspect-ratio:1028/318;margin:0 0 35px;transform-origin:left center}
.film-game .sv-logo-source>img,.film-game .sv-logo-target>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:left center}
.film-game .sv-brand-first>.sv-credit{position:static;display:block;margin-top:28px}
.film-game .sv-room-photo{position:absolute;left:53%;right:var(--g);top:12%;bottom:calc(var(--sv-safe) + 42px);width:auto;height:auto;z-index:4;overflow:hidden}
.film-game .sv-brand-web{position:absolute;left:var(--g);top:19%;width:34%;z-index:9}
.film-game .sv-logo-target{width:153px;height:auto;aspect-ratio:1028/318;margin-bottom:35px}
.film-game .sv-brand-web h3{font-size:min(5.6vw,8.2svh);line-height:.94;margin-bottom:25px}
.film-game .sv-brand-web p{font-size:16px;max-width:23em}
.film-game .sv-live-link{display:block;width:max-content;max-width:100%;font-size:12px;line-height:1.5;min-height:34px;padding-top:14px}
.film-game .sv-browser{position:absolute;left:42%;right:var(--g);top:15%;bottom:calc(var(--sv-safe) + 35px);z-index:6;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #292a313b;border-radius:7px;background:var(--sv-paper);box-shadow:0 18px 40px #292a311a}
.film-game .sv-browser-bar{display:flex;flex:0 0 var(--sv-bar);height:var(--sv-bar);align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid #292a3130;background:var(--sv-paper);color:var(--sv-ink);font-size:10px;line-height:1.2;white-space:nowrap}
.film-game .sv-browser-bar>span:first-child{font-size:7px;letter-spacing:3px}
.film-game .sv-browser>.sv-media{flex:1;min-height:0;height:auto;overflow:hidden}
.film-game .sv-game-copy{position:absolute;left:var(--g);top:20%;width:37%;z-index:9}
.film-game .sv-game-copy h3{font-size:min(6.4vw,9.4svh);line-height:.91;margin-bottom:27px}
.film-game .sv-game-source{position:absolute;left:48%;right:var(--g);top:22%;bottom:calc(var(--sv-safe) + 100px);z-index:5;overflow:hidden;transform-origin:center center}
.film-game .sv-play-copy{position:absolute;left:var(--g);right:var(--g);top:10%;z-index:9;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:32px}
.film-game .sv-play-copy>.sv-kicker{grid-column:1;grid-row:1;margin-bottom:12px}
.film-game .sv-play-copy h3{grid-column:1;grid-row:2;font-size:min(5.5vw,8.3svh);line-height:.92;margin:0;white-space:nowrap}
.film-game .sv-play-actions{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-bottom:2px}
.film-game .sv-play-button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;border:0;padding:12px 18px;background:var(--sv-red);color:#fff;font-size:14px;line-height:1.4;text-align:left;cursor:pointer;text-decoration:none}
.film-game .sv-play-button>span{font-size:24px;line-height:1}
.film-game .sv-play-note{display:block;font-size:11px;line-height:1.4;min-height:30px;padding:7px 0 0;text-align:right}
.film-game .sv-game-target{position:absolute;left:12%;right:12%;top:26%;bottom:calc(var(--sv-safe) + 35px);z-index:5;overflow:hidden}
.reel-enabled .film-game .film-route{background:transparent;color:var(--ink);border:0;border-top:1px solid var(--line);padding-left:0;padding-right:0}
.film-game[data-sv-tone="ink"]{--paper:#292a31;--ink:#f7f6f2;--line:#f7f6f240;--red:#c22d47}
.film-game[data-sv-tone="paper"]{--paper:#f7f6f2;--ink:#292a31;--line:#292a3140;--red:#c22d47}
.film-game[data-sv-tone="white"]{--paper:#fff;--ink:#292a31;--line:#292a3140;--red:#c22d47}
#reel-stage[data-active-shot="game"]:has(.film-game[data-sv-tone="ink"]){--paper:#292a31;--ink:#f7f6f2;--line:#f7f6f240;--red:#c22d47}
#reel-stage[data-active-shot="game"]:has(.film-game[data-sv-tone="paper"]){--paper:#f7f6f2;--ink:#292a31;--line:#292a3140;--red:#c22d47}
#reel-stage[data-active-shot="game"]:has(.film-game[data-sv-tone="white"]){--paper:#fff;--ink:#292a31;--line:#292a3140;--red:#c22d47}
@media(min-width:761px) and (max-height:780px){
 .film-game .sv-kicker{font-size:12px;line-height:1.45;margin-bottom:16px}
 .film-game p{font-size:14px;line-height:1.5}
 .film-game .sv-intent-copy,.film-game .sv-clear-copy{top:14%}
 .film-game .sv-intent-copy h2{font-size:min(7.6vw,10.6svh);margin-bottom:21px}
 .film-game .sv-clear-copy h3{font-size:min(7.6vw,10.6svh);margin-bottom:21px}
 .film-game .sv-room-layer{top:11%;bottom:calc(var(--sv-safe) + 36px)}
 .film-game .sv-brand-first{top:24%}.film-game .sv-logo-source{margin-bottom:26px}.film-game .sv-brand-first>.sv-credit{margin-top:20px}
 .film-game .sv-brand-web{top:17%}.film-game .sv-logo-target{width:134px;margin-bottom:25px}.film-game .sv-brand-web h3{font-size:min(5.2vw,7.8svh);margin-bottom:20px}.film-game .sv-brand-web p{font-size:14px}
 .film-game .sv-browser{top:14%;bottom:calc(var(--sv-safe) + 29px)}
 .film-game .sv-game-copy{top:18%}.film-game .sv-game-copy h3{font-size:min(5.9vw,8.8svh);margin-bottom:21px}
 .film-game .sv-game-source{top:21%;bottom:calc(var(--sv-safe) + 83px)}
 .film-game .sv-play-copy{top:10%}.film-game .sv-play-copy h3{font-size:min(5.4vw,8svh)}
 .film-game .sv-game-target{top:26%;bottom:calc(var(--sv-safe) + 29px)}
 .film-game .sv-credit{font-size:11px;bottom:calc(var(--sv-safe) + 13px)}
}
@media(max-width:760px){
 .film-game{--sv-safe:135px;--sv-bar:24px}
 .reel-enabled .film-game>.sv-header{inset:13px 22px auto;font-size:11px;line-height:1.4;padding:7px 0;gap:12px}
 .reel-enabled .film-game>.sv-header>span{max-width:48%}.reel-enabled .film-game>.sv-header>span:last-child{text-align:right}
 .film-game h2,.film-game h3{font-size:min(11.6vw,7svh);line-height:.91;margin-bottom:15px}
 .film-game .sv-kicker{font-size:11px;line-height:1.4;margin-bottom:12px}
 .film-game p{font-size:12px;line-height:1.5}
 .film-game .sv-credit{left:22px;right:22px;bottom:calc(var(--sv-safe) + 15px);font-size:9px;line-height:1.4}
 .film-game .sv-intent-copy,.film-game .sv-clear-copy{left:22px;right:22px;top:11%;width:auto}
 .film-game .sv-intent-copy h2{font-size:min(13.7vw,7.2svh);line-height:.89;margin-bottom:16px}
 .film-game .sv-intent-copy p{font-size:11px;line-height:1.45}
 .film-game .sv-room-layer{left:13px;right:13px;top:42%;bottom:calc(var(--sv-safe) + 34px)}
 .film-game .sv-clear-copy h3{display:flex;align-items:baseline;justify-content:space-between;gap:7px;font-size:10.2vw;line-height:1;margin-bottom:15px}
 .film-game .sv-clear-copy h3>span{display:block}
 .film-game .sv-clear-copy p{font-size:11px;line-height:1.45}
 .film-game .sv-brand-first{left:22px;right:22px;top:12%;width:auto}
 .film-game .sv-logo-source{width:84%;height:auto;margin:20px 0 22px}
 .film-game .sv-brand-first p{font-size:11px;line-height:1.45}
 .film-game .sv-brand-first>.sv-credit{font-size:10px;margin-top:12px}
 .film-game .sv-room-photo{left:22px;right:22px;top:45%;bottom:calc(var(--sv-safe) + 24px)}
 .film-game .sv-brand-web{left:22px;right:22px;top:11%;width:auto}
 .film-game .sv-logo-target{width:106px;margin-bottom:17px}
 .film-game .sv-brand-web h3{font-size:min(11.7vw,6.5svh);line-height:.94;margin-bottom:14px}
 .film-game .sv-brand-web p{font-size:11px;line-height:1.45;max-width:none}
 .film-game .sv-live-link{position:absolute;right:0;top:2px;font-size:10px;line-height:1.4;padding-top:5px;min-height:29px}
 .film-game .sv-browser{left:22px;right:22px;top:44%;bottom:calc(var(--sv-safe) + 24px);border-radius:5px;box-shadow:0 12px 25px #292a311a}
 .film-game .sv-browser-bar{font-size:8px;padding:0 8px;gap:7px}.film-game .sv-browser-bar>span:first-child{font-size:6px;letter-spacing:2px}
 .film-game .sv-game-copy{left:22px;right:22px;top:12%;width:auto}
 .film-game .sv-game-copy h3{font-size:min(12.9vw,7.3svh);line-height:.91;margin-bottom:15px}
 .film-game .sv-game-copy p{font-size:11px;line-height:1.45}
 .film-game .sv-game-source{left:13px;right:13px;top:44%;bottom:calc(var(--sv-safe) + 32px)}
 .film-game .sv-play-copy{left:22px;right:22px;top:11%;display:block}
 .film-game .sv-play-copy>.sv-kicker{font-size:11px;margin-bottom:13px}
 .film-game .sv-play-copy h3{font-size:11.4vw;line-height:.94;margin-bottom:20px}
 .film-game .sv-play-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:13px;padding:0}
 .film-game .sv-play-button{font-size:11px;line-height:1.4;gap:12px;padding:10px 12px;min-height:42px}.film-game .sv-play-button>span{font-size:21px}
 .film-game .sv-play-note{font-size:9px;line-height:1.45;min-height:32px;max-width:100px;padding:0;text-align:left}
 .film-game .sv-game-target{left:0;right:0;top:39%;bottom:calc(var(--sv-safe) + 29px)}
}
@media(max-width:760px) and (max-height:740px){
 .film-game .sv-kicker{font-size:10px;line-height:1.4;margin-bottom:9px}
 .film-game .sv-intent-copy,.film-game .sv-clear-copy{top:10%}
 .film-game .sv-intent-copy h2{font-size:min(12.5vw,6.5svh);margin-bottom:12px}
 .film-game .sv-intent-copy p{font-size:10px;line-height:1.45}
 .film-game .sv-room-layer{top:41%;bottom:calc(var(--sv-safe) + 30px)}
 .film-game .sv-clear-copy h3{font-size:9.8vw;margin-bottom:12px}.film-game .sv-clear-copy p{font-size:10px}
 .film-game .sv-brand-first{top:11%}.film-game .sv-logo-source{width:78%;margin:15px 0 15px}.film-game .sv-brand-first p{font-size:10px}.film-game .sv-brand-first>.sv-credit{font-size:9px;margin-top:9px}
 .film-game .sv-room-photo{top:46%;bottom:calc(var(--sv-safe) + 20px)}
 .film-game .sv-brand-web{top:10%}.film-game .sv-logo-target{width:94px;margin-bottom:13px}.film-game .sv-brand-web h3{font-size:min(10.6vw,6svh);margin-bottom:11px}.film-game .sv-brand-web p{font-size:10px}
 .film-game .sv-browser{top:43%;bottom:calc(var(--sv-safe) + 20px)}
 .film-game .sv-game-copy{top:11%}.film-game .sv-game-copy h3{font-size:min(11.7vw,6.5svh);margin-bottom:11px}.film-game .sv-game-copy p{font-size:10px}
 .film-game .sv-game-source{top:44%;bottom:calc(var(--sv-safe) + 31px)}
 .film-game .sv-play-copy{top:10%}.film-game .sv-play-copy>.sv-kicker{font-size:10px;margin-bottom:10px}.film-game .sv-play-copy h3{font-size:10.9vw;margin-bottom:15px}
 .film-game .sv-play-button{min-height:40px;padding:9px 11px}
 .film-game .sv-game-target{top:40%;bottom:calc(var(--sv-safe) + 27px)}
 .film-game .sv-credit{font-size:8px;bottom:calc(var(--sv-safe) + 12px)}
}
/* Readable static fallback if the reel cannot boot. */
html:not(.reel-enabled) .film-game{color:#f7f6f2}
html:not(.reel-enabled) .film-game>.sv-header{padding:24px var(--g);display:flex;justify-content:space-between;gap:20px;font-size:12px}
html:not(.reel-enabled) .film-game>.sv-room-layer{display:none}
html:not(.reel-enabled) .film-game .sv-intent,html:not(.reel-enabled) .film-game .sv-clear{min-height:500px}
html:not(.reel-enabled) .film-game .sv-paper-field,html:not(.reel-enabled) .film-game .sv-game-field,html:not(.reel-enabled) .film-game .sv-play-field{background:#f7f6f2}
html:not(.reel-enabled) .film-game .sv-brand{min-height:1100px;background:#f7f6f2}
html:not(.reel-enabled) .film-game .sv-brand-first{top:8%}
html:not(.reel-enabled) .film-game .sv-room-photo{top:5%;bottom:55%}
html:not(.reel-enabled) .film-game .sv-brand-web{top:55%}
html:not(.reel-enabled) .film-game .sv-browser{top:52%;bottom:7%}
@media(max-width:760px){
 html:not(.reel-enabled) .film-game .sv-brand{min-height:1400px}
 html:not(.reel-enabled) .film-game .sv-brand-first{top:5%}
 html:not(.reel-enabled) .film-game .sv-room-photo{top:22%;bottom:51%}
 html:not(.reel-enabled) .film-game .sv-brand-web{top:55%}
 html:not(.reel-enabled) .film-game .sv-browser{top:72%;bottom:5%}
}

/* Promote only the few moving objects while an autonomous cue is running. */
#reel-stage[data-active-shot="game"][data-playing="true"] .sv-room-layer,
#reel-stage[data-active-shot="game"][data-playing="true"] .sig-furniture,
#reel-stage[data-active-shot="game"][data-playing="true"] .sv-room-photo,
#reel-stage[data-active-shot="game"][data-playing="true"] .sv-game-source{will-change:transform,opacity}
.case-sofort-leer .case-scenes .play-link{background:#c22d47;color:#fff}