.scene{--scene-gold: #c3aa74;--scene-light: #e7d9b8;--reveal-ms: .9s;position:relative;width:100%;height:100%;overflow:hidden;background-color:#0b0f0e;background-image:radial-gradient(ellipse at 50% 0%,#5b493c30,transparent 60%),radial-gradient(ellipse at 0% 100%,#252e241c,transparent 45%);background-size:cover;background-position:center;color:var(--scene-light);font-family:Georgia,Times New Roman,serif;isolation:isolate;container-type:size}.scene.theme-crimson{--scene-gold: #bf8272;--scene-light: #ead2c5;background-color:#170e0e;background-image:radial-gradient(ellipse at 50% 10%,#60272245,transparent 65%)}.scene.black{background:#000!important}.scene-grain{position:absolute;inset:0;opacity:.13;z-index:-1;background-image:repeating-linear-gradient(11deg,transparent 0 3px,#97a58909 3px 4px)}.scene-frame{position:absolute;inset:3.5%;border:1px solid #c4ad772c;pointer-events:none}.scene-frame:before,.scene-frame:after{content:"◆";position:absolute;top:-7px;color:var(--scene-gold);font-size:10px;background:#0c110e;padding:0 9px;left:calc(50% - 12px)}.scene-frame:after{top:auto;bottom:-7px}.scene-arch{position:absolute;top:4%;bottom:-15%;width:51%;left:24.5%;border:1px solid #a58e5f1a;border-radius:50% 50% 0 0;z-index:-1}.scene-arch:after{content:"";position:absolute;inset:3%;border:1px solid #a58e5f0d;border-radius:inherit}.scene-content{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:4.5% 8% 6%;gap:0}.scene-content[data-transition=fade]{animation:scene-fade var(--reveal-ms) ease both}.scene-content[data-transition=rise]{animation:scene-rise var(--reveal-ms) ease both}.scene-brand{display:flex;align-items:center;flex-direction:column;gap:1.4cqh;margin-bottom:2.6cqh;flex-shrink:0}.scene-brand>svg{height:8cqh;width:6.7cqh;color:var(--scene-gold)}.scene-brand>img{max-height:8cqh;max-width:20cqw;object-fit:contain}.scene-brand>span{font-family:Segoe UI,sans-serif;letter-spacing:.45em;font-size:1.1cqh;color:var(--scene-gold)}.scene-heading{text-align:center;max-width:100%;flex-shrink:0}.scene .eyebrow{font-family:Segoe UI,Arial,sans-serif;font-size:1.35cqh;letter-spacing:.27em;font-weight:450;color:var(--scene-gold);line-height:1.8}.scene h1{font-weight:400;font-size:7cqh;letter-spacing:.055em;line-height:1.1;margin:2cqh 0 2.2cqh;color:var(--scene-light);overflow-wrap:anywhere;text-wrap:balance}.gold-rule{display:flex;align-items:center;justify-content:center;gap:1.5cqw;color:var(--scene-gold);margin:1cqh auto 2cqh;width:21cqw;opacity:.6}.gold-rule:before,.gold-rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--scene-gold));width:8cqw}.gold-rule:after{transform:rotate(180deg)}.gold-rule>span{font-size:1cqh}.scene-text{text-align:center;font-family:Georgia,serif;font-size:2.6cqh;line-height:1.6;font-weight:400;color:#c2c2ae;white-space:pre-line;max-width:85%;margin:2cqh 0 0;overflow-wrap:anywhere}.scene-title .scene-text{font-style:italic;color:#929982;margin-top:3cqh}.scene-title h1{font-size:10cqh;letter-spacing:.13em}.scene-title .scene-brand{margin-bottom:5cqh}.scene-title .scene-brand>svg{height:13cqh;width:11cqh}.scene-title .scene-brand>span{display:none}.scene-title .scene-content{padding-bottom:9%}.scene-title .scene-arch{width:43%;left:28.5%}.scene-footer{position:absolute;bottom:6.1%;font-family:Segoe UI,sans-serif;font-size:.85cqh;letter-spacing:.4em;color:#737b5f}.scene-players{display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));width:100%;max-height:52cqh;gap:1.4cqw;justify-content:center;align-items:center;margin:1cqh 0;min-height:0}.scene-player{display:flex;flex-direction:column;align-items:center;gap:1.6cqh;min-width:0;animation:portrait-in var(--reveal-ms) both}.scene .portrait{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:17cqw;aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 25%,hsl(var(--portrait-hue) 15% 35% / .7),transparent 65%),linear-gradient(135deg,#303b33,#141c1a);border:1px solid #96845b77;display:grid;place-items:center}.scene .portrait:before{content:"";position:absolute;bottom:-24%;width:90%;height:69%;border-radius:50% 50% 0 0;background:linear-gradient(#121c16a0,#09130ef0);z-index:-1}.scene .portrait:after{content:"";position:absolute;top:17%;left:33%;width:34%;height:34%;border-radius:47%;background:linear-gradient(130deg,#79857630,#111b1290);z-index:-1}.scene .portrait>span{font-family:Georgia,serif;color:#ded7b880;font-size:4.4cqh;z-index:0;letter-spacing:.05em}.scene .portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.scene-player>span{font-size:1.65cqh;color:#d2d5bc;text-align:center;line-height:1.2}.scene-players.reveal .portrait{max-height:34cqh;width:auto;height:34cqh}.scene-players.reveal{max-width:60cqw;justify-content:center}.scene-players.reveal .portrait>span{font-size:8cqh}.scene-players.compact{gap:2cqh 1cqw;margin-top:0;max-height:49cqh}.scene-players.compact .portrait{aspect-ratio:4/4.5;max-height:18cqh}.scene-players.compact .portrait>span{font-size:3cqh}.scene-players.compact .scene-player>span{font-size:1.25cqh}.scene-players.compact .scene-player{gap:.9cqh}.scene:has(.scene-players.compact) .scene-brand{margin-bottom:1cqh}.scene:has(.scene-players.compact) .scene-brand>svg{height:4cqh}.scene:has(.scene-players.compact) h1{font-size:5cqh}.round-portraits .portrait{border-radius:50%;aspect-ratio:1}.scene-count{font:1.15cqh Segoe UI,sans-serif;letter-spacing:.3em;color:var(--scene-gold);margin-top:2.5cqh}.scene-count b{font-size:2cqh;margin-right:1cqw;font-weight:500}.scene .countdown{font-family:Segoe UI,Arial,sans-serif;font-size:23cqh;font-weight:250;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--scene-light);line-height:1.3;margin:0}.scene .countdown i{font-style:normal;opacity:.4}.scene .countdown.urgent{color:#d09782}.scene-rankings{width:min(76cqw,100%);display:flex;flex-direction:column;gap:.7cqh;margin-top:.5cqh;max-height:53cqh;flex-wrap:wrap;align-content:center}.scene-rank{font-family:Segoe UI,Arial,sans-serif;width:100%;height:5.6cqh;min-height:3cqh;display:flex;align-items:center;gap:1.8cqw;background:#7b88600e;border:1px solid #7a85552e;padding:.7cqh 1.5cqw;font-size:2cqh}.scene-rankings:has(.scene-rank:nth-child(9)) .scene-rank{width:47%;margin-right:2cqw;height:4cqh;font-size:1.6cqh}.scene-rank>.rank-number{font-size:1.5cqh;color:var(--scene-gold);min-width:1.5cqw}.scene-rank>div:not(.portrait){flex:1;min-width:0}.scene-rank strong{font-weight:450;display:block}.scene-rank small{display:block;font-size:1.1cqh;color:#8d9c7a;margin-top:.2cqh;white-space:nowrap}.scene-rank>b{font-size:2.5cqh;color:var(--scene-gold);font-weight:400}.scene-rank>.portrait{width:2.7cqw;height:4cqh;max-height:none}.scene-rank .portrait>span{font-size:1.3cqh}.scene-leaderboard .scene-rank:nth-child(6){border-color:#9c6d5566;margin-top:.8cqh}.scene-vote-reveal .scene-text.vote-target{font-size:4cqh;color:var(--scene-gold)}.scene-vote-reveal .scene-players{display:none}.scene-vote-reveal h1{font-size:5cqh}.scene-vote-reveal .scene-rankings{max-height:32cqh}.scene-vote-reveal .scene-rank{height:4cqh;font-size:1.6cqh}.scene-vote-reveal .scene-text{order:0}.scene-faithful-reveal{--scene-gold: #bcc6a2;--scene-light: #e0e6cc;background-image:radial-gradient(ellipse at 50% 50%,#6b7a4230,transparent 65%)}.scene-traitor-reveal,.scene-murder-reveal,.scene-double-murder{--scene-gold: #c78573;--scene-light: #dfb9a4;background-image:radial-gradient(ellipse at 50% 20%,#69352a4d,transparent 65%)}.scene-faithful-victory,.scene-traitor-victory{background-image:radial-gradient(ellipse at 50% 20%,#a88b453d,transparent 70%)}.scene-mission-instructions .scene-text{font-size:3cqh;line-height:1.7}.scene:has(.scene-rankings) .scene-brand>svg{height:4cqh}.scene:has(.scene-rankings) .scene-brand{margin-bottom:1.3cqh}.scene:has(.scene-rankings) h1{font-size:5cqh;margin:1.4cqh 0}.scene.mini{min-height:100%;font-synthesis:none}.scene.mini .scene-content{pointer-events:none}.scene.mini .scene-footer{font-size:1cqh}.display-root{position:fixed;inset:0;background:#000}.display-root *{box-sizing:border-box}.display-root .scene{height:100dvh}.display-root .scene-players{flex-shrink:1}.display-tools{position:fixed;bottom:12px;right:12px;z-index:5;display:flex;gap:7px;opacity:.65;font-family:Segoe UI,sans-serif}.display-tools:hover{opacity:1}.display-tools button{background:#1f281eeb;color:#d4dfc2;border:1px solid #66734d;padding:9px 13px;cursor:pointer;font-size:11px;border-radius:5px}.display-connection{position:fixed;top:9px;left:50%;transform:translate(-50%);font:10px Segoe UI,sans-serif;letter-spacing:.4px;background:#221a10c9;color:#bca076;padding:7px 12px;border-radius:4px;z-index:5}.display-loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:#0c110d;color:#baa775;font:3vw Georgia,serif;letter-spacing:.2em}.display-loading span{font:12px Segoe UI,sans-serif;color:#768767;letter-spacing:1px}.scene-content[data-transition=none] .scene-player{animation:none}@keyframes scene-fade{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes scene-rise{0%{opacity:0;transform:translateY(3cqh)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{0%{opacity:0;transform:translateY(1.5cqh)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transition:none!important}}@media(max-aspect-ratio:4/3){.display-root .scene h1{font-size:5cqw}.display-root .scene-title h1{font-size:8cqw}.display-root .scene-players.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.display-root .scene .eyebrow{font-size:1.1cqw}.display-root .scene-players.compact .portrait{max-height:13cqh}.display-root .scene-player>span{font-size:1.5cqw}.display-root .scene-text{font-size:2.5cqw}}.scene{--scene-gold: #deb465;--scene-light: #f0dfbc;background-color:#100b09;background-image:radial-gradient(ellipse at 50% 0%,#843a213d,transparent 60%),linear-gradient(130deg,#1a0d0c,#0a0807 60%,#21120d)}.scene.theme-crimson{--scene-gold: #e0af63;--scene-light: #f3d6b6;background-color:#200c0d;background-image:radial-gradient(ellipse at 50% 0%,#8e242951,transparent 68%),linear-gradient(#240e11,#0e0808)}.scene-frame{border-color:#d9a6534a}.scene-frame:before,.scene-frame:after{background:#150e0b}.scene-arch{border-color:#c17d3725}.scene-arch:after{border-color:#dba04f12}.scene-grain{background-image:repeating-linear-gradient(11deg,transparent 0 3px,#d3a8780c 3px 4px)}.scene-brand{position:absolute;top:4.8%;left:5.5%;width:15cqw;gap:.65cqh;margin:0}.scene-brand>.official-logo{display:block;width:auto;height:11cqh;max-height:11cqh;max-width:15cqw;object-fit:contain;filter:drop-shadow(0 .5cqh 1cqh #000b)}.scene-brand>span{font-size:.75cqh;letter-spacing:.22em;color:#bf914d}.scene-text{color:#d0b99b}.scene-footer{color:#a18454}.scene .portrait{background:radial-gradient(ellipse at 50% 20%,#9a734443,transparent 65%),linear-gradient(135deg,#3b271e,#170e0d);border-color:#b88b4e80}.scene .portrait:before{background:linear-gradient(#31191ec9,#100809)}.scene .portrait:after{background:linear-gradient(130deg,#c49b6540,#23130eba)}.scene .portrait>span{color:#e6cfa789}.scene-player>span{color:#e8d4af}.scene-rank{background:#855b2515;border-color:#8f663936}.scene-rank small{color:#b69e7d}.scene-rankings .scene-rank:nth-child(1){border-color:#d8a65978;background:#9a64241e}.scene-traitor-reveal,.scene-murder-reveal,.scene-double-murder{background-image:radial-gradient(ellipse at 50% 30%,#891f2855,transparent 70%),linear-gradient(#290e13,#0e0808);--scene-gold: #e0a659}.scene-faithful-reveal{background-image:radial-gradient(ellipse at 50% 30%,#89743f30,transparent 70%);--scene-gold: #d6c796}.scene-faithful-victory,.scene-traitor-victory{background-image:radial-gradient(ellipse at 50% 20%,#ad782c4a,transparent 70%),linear-gradient(#301b11,#120c09)}.scene-hold-screen .scene-brand,.scene-waiting .scene-brand,.scene-title:not(.official-title) .scene-brand{position:static;width:auto;margin:0 0 3cqh}.scene-hold-screen .scene-brand>.official-logo,.scene-waiting .scene-brand>.official-logo,.scene-title:not(.official-title) .scene-brand>.official-logo{height:26cqh;max-height:26cqh;max-width:35cqw}.title-artwork{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1;background:#080503}.title-artwork:before{content:"";position:absolute;inset:-3%;background:linear-gradient(#1608069c,#100a05b8),url(/branding/mb-traitors-spain.png) center/cover;filter:blur(24px);z-index:-1}.title-artwork>img{width:100%;height:93%;object-fit:contain;display:block;-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent)}.official-title .scene-brand,.official-title .scene-arch,.official-title .gold-rule{display:none}.official-title .scene-content{padding:0}.official-title .scene-heading{position:absolute;top:5.5%;left:5.5%;text-align:left;max-width:85%}.official-title .scene-heading .eyebrow{font-size:1.05cqh;letter-spacing:.2em;padding:.75cqh 1cqw;border-left:2px solid #c49344;background:#160c088c;color:#efd3a2}.official-title .scene-heading h1:not(.brand-title-equivalent){font-size:4cqh;padding:1cqh;background:#100807bb}.official-title .brand-title-equivalent{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.official-title .scene-text{position:absolute;bottom:8%;margin:0;color:#e8c995;font-size:2cqh;text-shadow:0 2px 10px #000}.official-title .scene-footer{bottom:4.8%;color:#bd965f}.display-tools button{background:#291814ed;color:#e5c995;border-color:#936737}.display-loading{background:#130b09;color:#d9ae61}.display-loading span{color:#ab8a61}@media(max-aspect-ratio:4/3){.scene-brand{width:19cqw;top:4%}.scene-brand>.official-logo{max-width:19cqw}.official-title .scene-text{bottom:13%}.official-title .scene-heading{top:10%}}
