.bierjagd-root *{box-sizing:border-box;touch-action:manipulation}
.bierjagd-root {color:#fff3e0;font-family:system-ui,Segoe UI,Roboto,Arial}
:root{
--blue:#1976d2; --green:#2e7d32; --red:#d32f2f; --brown:#8d6e63; --gold:#fbc02d;
}
.bierjagd-root header{ text-align:center; padding:10px 8px 4px; }
.bierjagd-root #roundLabel{ font-family: Impact, system-ui, sans-serif; font-size:clamp(56px,7vw,128px); letter-spacing:2px; text-shadow:0 3px 0 rgba(0,0,0,.5), 0 0 18px #ffd54f; }
.bierjagd-root #controls{ display:flex; gap:12px; justify-content:center; align-items:center; margin:6px auto 8px; flex-wrap:wrap; }
.bierjagd-root .btn{ border:none; border-radius:14px; padding:10px 18px; font-weight:700; cursor:pointer; box-shadow:0 6px 14px rgba(0,0,0,.25); font-size:16px; transition:.2s transform, .2s opacity, .2s filter; }
.bierjagd-root .btn:active{ transform:scale(.98) }
.bierjagd-root .btn-start{ background:var(--green); color:white }
.bierjagd-root .btn-stop{ background:var(--red); color:white }
.bierjagd-root .btn-reset{ background:var(--brown); color:white }
.bierjagd-root #teams{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; max-width:1100px; margin:0 auto 10px; padding:0 10px; }
.bierjagd-root .team{ background:linear-gradient(180deg,#0d47a1,#1976d2); border-radius:16px; padding:10px; border:2px solid #90caf9; position:relative; box-shadow:0 10px 18px rgba(0,0,0,.25); }
.bierjagd-root .team button{ width:100%; border:none; border-radius:12px; padding:10px 8px; background:#2196f3; color:white; font-weight:800; cursor:default; font-size:clamp(14px,1.3vw,18px); ; color:#fff !important}
.bierjagd-root .team .score{ position:absolute; right:10px; bottom:8px; background:rgba(0,0,0,.45); padding:4px 8px; border-radius:10px; font-weight:800 ; color:white; color:#fff !important}
.bierjagd-root .team.active button{ background:var(--red) }
.bierjagd-root .team.done button{ background:var(--green) }
.bierjagd-root #playfield{width:750px !important; aspect-ratio: 9/16 !important; margin:8px auto; border:4px solid #6d4c41; border-radius:24px; position:relative; overflow:hidden; box-shadow:inset 0 0 60px rgba(0,0,0,.5), 0 12px 28px rgba(0,0,0,.4); background: radial-gradient(ellipse at top, rgba(255,255,255,.08), transparent 60%), linear-gradient(180deg,#3e2723 0%, #1b0f0a 100%); }
.bierjagd-root .obj{ position:absolute; will-change:transform; user-select:none; cursor:pointer; touch-action:none; filter: drop-shadow(0 6px 8px rgba(0,0,0,.45)); }
.bierjagd-root .obj img{ display:block; width:100%; height:auto; pointer-events:none }
.bierjagd-root #hud{ position:absolute; left:12px; top:12px; z-index:5; background:rgba(0,0,0,.35); padding:6px 10px; border-radius:12px; font-weight:800 }
.bierjagd-root #configBar{ display:flex; gap:14px; justify-content:center; align-items:center; margin:8px auto 16px; flex-wrap:wrap; color:#ffe0b2; }
.bierjagd-root select{ background:#4e342e; color:#fff; border:1px solid #795548; border-radius:10px; padding:6px 10px; font-weight:700 }
.bierjagd-root #overlay{ position:absolute; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.65); z-index:10; }
.bierjagd-root #winnerBox{ text-align:center; background:rgba(255,243,224,.95); color:#3e2723; border-radius:20px; padding:22px 26px; box-shadow:0 18px 40px rgba(0,0,0,.6); border:6px solid #fbc02d }
.bierjagd-root #winnerBox h1{ font-size:clamp(28px,4.6vw,72px); margin:0 0 10px; text-shadow:0 2px 0 #fff7, 0 0 14px #ffecb3; }
.bierjagd-root .confetti{ position:absolute; top:-10px; width:8px; height:14px; opacity:.9 }
.bierjagd-root footer{ opacity:.7; text-align:center; font-size:12px; margin:16px 0 }