/* Parkbank-Duell: Start-Intro (HTML5-Video über dem Godot-Canvas) */
#pb-intro{position:fixed;inset:0;z-index:9999;background:#000;transition:opacity .55s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
#pb-intro.pb-out{opacity:0;pointer-events:none}
#pb-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .25s}
#pb-intro.pb-play #pb-v{opacity:1}
#pb-tap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:14vh;
  background:#3b2314 url(intro_poster.jpg) center/cover no-repeat}
#pb-intro.pb-play #pb-tap{display:none}
.pb-btn{background:#5aa64a;color:#fff;font:800 clamp(15px,4.2vw,22px)/1.1 system-ui,sans-serif;padding:clamp(9px,2.4vw,14px) clamp(20px,6vw,34px);
  border-radius:99px;border:clamp(2px,.6vw,3px) solid #2a1608;box-shadow:0 clamp(2px,.8vw,4px) 0 #2a1608;animation:pbp 1.4s ease-in-out infinite}
@keyframes pbp{50%{transform:scale(1.04)}}
#pb-skip{display:none;position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));
  height:clamp(30px,8vw,36px);padding:0 clamp(10px,3vw,14px);font:700 clamp(12px,3.4vw,14px)/1 system-ui,sans-serif;color:rgba(255,255,255,.9);
  background:rgba(20,10,4,.45);border:1px solid rgba(255,255,255,.55);border-radius:99px;opacity:.85}
#pb-intro.pb-play #pb-skip{display:block}