/* Nur Electron-Anzeigen: volle HDMI-Fläche, Inhalt horizontal auf 60 %. */
:root { --mutec-led-content-width: .6; }
html { width: 100%; height: 100%; overflow: hidden; }
body {
  position: relative;
  width: calc(100vw / var(--mutec-led-content-width));
  height: 100vh;
  min-height: 0;
  margin: 0;
  transform: scaleX(var(--mutec-led-content-width));
  transform-origin: top left;
  overflow: hidden;
}
/* Die Karte selbst füllt die gesamte interne Zeichenfläche. */
body[data-role="display"] #map { transform: none; }

/* Informationen gehören in die mittlere Hälfte; Spielwelten bleiben vollflächig. */
.flight-display .hud,.flight-display footer,.video-display .display-header,.video-display .display-footer {
  left:25%;right:25%;padding-left:18px;padding-right:18px;
}
.flight-display .hud{gap:16px}.flight-display .brand{font-size:24px}
.flight-display .counters{gap:18px}.flight-display .counters strong{font-size:34px}
.flight-display #overlay{left:25%;width:50%;max-width:none;padding:0 24px}
.flight-display #overlay h1{font-size:clamp(36px,4vw,64px)}
body[data-role="display"]>header{left:25%;right:25%;max-width:50%}
.pong-display .screen-header{width:50%;margin:0 auto;padding:16px;height:70px}
.pong-display .screen-layout{height:calc(100vh - 70px);grid-template-columns:minmax(0,1fr);position:relative}
.pong-display .scoreboard{width:25%;margin-left:25%;margin-right:50%;height:210px;padding-right:0;gap:24px;justify-content:center}
.pong-display .scoreboard strong{font-size:52px}
.pong-display .invite-panel{position:absolute;left:50%;top:0;width:25%;height:210px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:4px 12px;border:0;background:transparent;overflow:hidden}
.pong-display .invite-panel h2{font-size:28px;margin:0}
.pong-display .invite-panel>.eyebrow,.pong-display .invite-panel>.privacy,.pong-display .invite-panel>.opponent-card{display:none}
.pong-display .invite-panel>p{font-size:13px;margin:0}.pong-display .invite-panel #qr{grid-column:2;grid-row:1 / 5;width:180px;margin:4px 0;height:180px}
.pong-display .invite-panel #invite-time{min-height:0;font-size:12px}
.pong-display #overlay{left:25%;right:25%;top:210px;padding:20px}
.pong-display .court footer{width:50%;margin:12px auto 0}
.flight-display #leaderboard{font-size:18px;max-height:280px;overflow:hidden}.flight-display #leaderboard ol{padding-left:30px}

.flight-display #leaderboard ol{columns:2;column-gap:36px}.flight-display #leaderboard li{break-inside:avoid;margin-bottom:5px}.flight-display #leaderboard h2{font-size:22px;margin:10px 0}

.video-display #overlay{left:25%;right:25%;padding:24px}.video-display #overlay h1,.video-display #overlay p{max-width:100%}