/* D63 – Desktop-Kamerafahrten + interaktive Platten (nur html.d62, > 960 px) */
html.d62 .d62-stage > .d63-film, html.d62 .d62-stage > .d63-final { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; display:block; }
html.d62 .d62-stage > .d63-film[hidden], html.d62 .d62-stage > .d63-final[hidden] { display:none; }
html.d62 .d63-layer { position:absolute; inset:0; z-index:9; pointer-events:none; }
html.d62 .d63-ink { position:absolute; left:0; top:0; pointer-events:none; }
html.d62 .d62-hero.d63-ov-out .d62-ov { opacity:0 !important; visibility:hidden !important; transition:opacity .35s ease, visibility 0s linear .35s !important; }
html.d62 .d62-hero.d63-ov-out > .r26-plane-paint { opacity:0 !important; transition:opacity .35s ease; }
html.d62.d63-riding .d62-menu { opacity:0; pointer-events:none; transition:opacity .3s ease; }
html.d62 .d62-hero.d63-leaving::after { content:""; position:absolute; inset:0; z-index:20; background:#0b0a08; animation:d63-fade .16s linear both; }
@keyframes d63-fade { from { opacity:0; } to { opacity:1; } }
html.d62 .d63-measure { position:absolute !important; left:-9999px !important; top:0 !important; opacity:1 !important; visibility:visible !important; transform:none !important; }

/* Platten-Inhalt: liegt im Endbild exakt auf der Spielfläche (frontal), Schrift wie aufgedruckt */
html.d62 .d63-plate { position:absolute; box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:calc(1536px * var(--k) * .08);
  padding:calc(1536px * var(--k) * .035) calc(1536px * var(--k) * .045) calc(1536px * var(--k) * .022); color:#fff; pointer-events:auto;
  font-size:calc(1536px * var(--k) * .0178); line-height:1.3; opacity:0; transition:opacity .45s ease; text-shadow:0 1px 1px rgba(5,20,50,.35); }
html.d62 .d63-ready .d63-plate { opacity:1; }
html.d62 .d63-switching .d63-plate, html.d62 .d63-switching .d63-nav { opacity:0 !important; transition:opacity .2s ease; }
html.d62 .d63-plate .d63-lead { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:.25em; min-width:0; }
html.d62 .d63-plate .d63-kicker { margin:0; font-weight:800; font-size:1.25em; letter-spacing:.16em; text-transform:uppercase; }
html.d62 .d63-plate .d63-seg { display:block; margin:.15em 0 .1em; font:400 3.4em/1 "R45 Seg14","DSEG14",monospace; color:#ffd21e; text-shadow:0 0 .25em rgba(255,200,30,.55); letter-spacing:.06em; }
html.d62 .d63-plate .d63-big { margin:0; font-weight:800; font-size:1.55em; line-height:1.15; }
html.d62 .d63-plate .d63-time { margin:0; font-weight:800; font-size:1.2em; color:#ffd21e; line-height:1.2; max-width:22em; }
html.d62 .d63-plate .d63-note { margin:0; font-weight:600; font-size:.95em; color:#eef2fb; }
html.d62 .d63-plate .d63-body { min-width:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#ffd21e transparent; padding-right:.4em; }
html.d62 .d63-plate .d63-sub { margin:.2em 0 .35em; font-size:.78em; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#ffd21e; }
html.d62 .d63-plate .d63-row { display:flex; align-items:center; gap:.8em; padding:.26em 0; border-bottom:1.5px solid rgba(255,255,255,.22); }
html.d62 .d63-plate .d63-row.is-hit { border-bottom:0; margin:.1em 0 .25em; padding:.45em .6em; border-radius:.45em; background:rgba(255,210,30,.14); box-shadow:inset 0 0 0 2px rgba(255,210,30,.55); }
html.d62 .d63-plate .d63-day { flex:none; display:inline-grid; place-items:center; min-width:2.6em; padding:.28em .3em .22em; border-radius:.4em; background:#070706; box-shadow:inset 0 0 0 2px #2f2b22; font:400 .9em/1 "R45 Seg14","DSEG14",monospace; color:#ff8a34; }
html.d62 .d63-plate .is-hit .d63-day, html.d62 .d63-plate .d63-match .d63-day { color:#ffc21a; text-shadow:0 0 .5em rgba(255,190,20,.5); }
html.d62 .d63-plate .d63-two { display:grid; gap:.05em; min-width:0; }
html.d62 .d63-plate .d63-two > span:first-child { font-size:.86em; color:#e6e1d3; }
html.d62 .d63-plate .d63-strong { font-weight:760; }
html.d62 .d63-plate .d63-fixture { border-bottom:1.5px solid rgba(255,255,255,.22); padding-bottom:.25em; }
html.d62 .d63-plate .d63-fixture .d63-row { border:0; padding:.3em 0 .1em; }
html.d62 .d63-plate .d63-meta { margin:0 0 .2em 3.4em; font-size:.78em; color:#d7d1bf; }
html.d62 .d63-plate .d63-text { margin:.45em 0; font-size:.86em; color:#eef2fb; }
html.d62 .d63-plate .d63-links { display:flex; flex-wrap:wrap; gap:.4em 1.2em; margin:.4em 0 0; }
html.d62 .d63-plate .d63-link { color:#fff; font-weight:750; text-decoration:underline; text-decoration-color:#ffd21e; text-decoration-thickness:2px; text-underline-offset:.25em; padding:.2em 0; }
html.d62 .d63-plate .d63-link:hover, html.d62 .d63-plate .d63-link:focus-visible { color:#ffd21e; }
html.d62 .d63-plate a:focus-visible { outline:3px solid #ffd21e; outline-offset:3px; }

html.d62 .d63-nav { position:absolute; left:50%; bottom:26px; transform:translateX(-50%); display:flex; gap:12px; pointer-events:auto; opacity:0; transition:opacity .45s ease .1s; }
html.d62 .d63-ready .d63-nav { opacity:1; }
html.d62 .d63-nav button { padding:12px 22px; border-radius:999px; border:1px solid rgba(255,255,255,.5); background:rgba(11,10,8,.72); color:#fff; font:750 14px/1 inherit; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; backdrop-filter:blur(6px); }
html.d62 .d63-nav button:hover, html.d62 .d63-nav button:focus-visible { border-color:#ffd21e; color:#ffd21e; outline:none; }
html.d62 .d63-nav .d63-switch { background:#ffd21e; color:#0b0a08; border-color:#ffd21e; }
html.d62 .d63-nav .d63-switch:hover, html.d62 .d63-nav .d63-switch:focus-visible { background:#fff; color:#0b0a08; }
html.d62 .d62-plate, html.d62 .d62-act[data-act="training"] { cursor:pointer; }
@media (prefers-reduced-motion:reduce) { html.d62 .d63-plate, html.d62 .d63-nav { transition:none; } }