.room-bar:empty{display:none}.room-bar{max-width:1400px;margin:1rem auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#182b38;border:1px solid #6dcac0;border-radius:12px}.room-bar small{font-size:.9rem}.room-bar.disconnected{border-color:#ff906d}.room-bar.disconnected:after{content:'Verbindung wird wiederhergestellt …';color:#ffbc9c}.room-bar button{min-height:44px}.team-ready{display:flex;flex-wrap:wrap;gap:.7rem}.team-ready p{flex-basis:100%}#room-code{display:block;font:inherit;font-size:1.4rem;letter-spacing:.1em;max-width:100%;margin-top:1rem;text-transform:uppercase;padding:.8rem;color:#fff;background:#10202f;border:1px solid #89b7d1;border-radius:8px}
body[data-room-hero="0"] .hero[data-owner="1"],body[data-room-hero="0"] .hero[data-owner="2"],body[data-room-hero="0"] .hero[data-owner="3"],body[data-room-hero="1"] .hero[data-owner="0"],body[data-room-hero="1"] .hero[data-owner="2"],body[data-room-hero="1"] .hero[data-owner="3"],body[data-room-hero="2"] .hero:not([data-owner="2"]),body[data-room-hero="3"] .hero:not([data-owner="3"]){opacity:.85}
@media(max-width:1100px){.physical-board{min-width:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.equipment{grid-column:4/6;display:grid;grid-template-columns:1fr 1fr}.character-slot{min-width:0}.equip{min-width:0;padding:8px}.equip p{font-size:14px}.room-bar{margin:1rem;flex-wrap:wrap}.room-bar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.hero-body{padding:12px}.hand{grid-template-columns:repeat(3,minmax(0,1fr))}.card-text{font-size:14px}button{min-height:44px}.topbar{padding:12px}.episode{display:none}}
@media(max-width:700px){.physical-board{grid-template-columns:repeat(3,minmax(0,1fr))}.physical-board>.board-position:last-child{grid-column:3;grid-row:2}.equipment{grid-column:1/3;grid-row:2}.character-slot{grid-column:3}.hand{grid-template-columns:repeat(2,minmax(0,1fr))}.room-bar{font-size:14px}.hero-select{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-bar{flex-wrap:wrap;gap:8px}.arena{gap:12px}.boss-art{max-width:150px}}
body[data-room-hero="0"] .hero[data-owner="0"],body[data-room-hero="1"] .hero[data-owner="1"],body[data-room-hero="2"] .hero[data-owner="2"],body[data-room-hero="3"] .hero[data-owner="3"]{order:-1;border:2px solid #77d9c6}
@media(max-width:1100px){.physical-board .equipment{display:grid;grid-column:4/6;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.physical-board .equip{padding:8px}}
@media(max-width:700px){.physical-board .equipment{grid-column:1/3;grid-row:2}.turnbar{flex-wrap:wrap;gap:8px}}
.episode-picker,.enemy-list{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.enemy-list article{background:#172638;border:1px solid #426277;padding:16px;border-radius:10px;display:grid;gap:8px;min-width:145px}.campaign-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-choice{display:block;background:#1b2b40;border:1px solid #557185;border-radius:10px;padding:12px;cursor:pointer}.campaign-choice:has(input:checked){border-color:#ffd45c;background:#354039}.campaign-choice p{font-size:14px}.choice-art{height:125px;margin:8px 0}.choice-art svg{width:100%;height:100%}.damage-plan,.drinks{padding:12px;background:#16273a;border-radius:8px;margin:12px 0}.damage-row{display:grid;grid-template-columns:1fr 65px 65px;gap:8px;margin:8px 0}.damage-row input{width:100%}.waiting-notice{padding:15px;background:#31435d;border-radius:8px}.boss-art svg{width:100%;height:100%}.campaign-choices input{min-width:20px;min-height:20px}dialog{max-height:90dvh;overflow-y:auto}.dialog-actions{position:sticky;bottom:-1px;background:#152236;padding:12px 0;z-index:2}
@media(max-width:600px){.campaign-choices{grid-template-columns:1fr}.arena .boss-art{max-height:220px}.damage-row{grid-template-columns:1fr 55px 55px}}

/* Always-visible values within the existing sticky turn bar. */
.turnbar{flex-wrap:wrap}.turn-stats{flex:0 0 100%;min-width:0;display:flex;gap:8px;flex-wrap:wrap;font-size:13px;font-variant-numeric:tabular-nums}.quick-boss,.quick-hero{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #34485d;border-radius:7px;background:#142033;min-width:0}.quick-boss{flex-wrap:wrap}.quick-boss>strong{font-size:12px}.quick-light{color:#ffd45c;font-weight:800}.quick-heavy{color:#ff985a;font-weight:800}.quick-team{display:flex;gap:6px;flex-wrap:wrap;flex:1}.quick-hero{flex:1;white-space:nowrap}.quick-hero.current{border-color:#90a8c3}.quick-hero>strong{margin-right:auto}.quick-aggro{font-size:11px}.quick-aggro b{font-size:15px}.quick-aggro.white{color:#d9e2ed}.quick-aggro.green{color:#a2d065}.quick-aggro.yellow{color:#ffe065}.quick-aggro.red{color:#fb7b70}.quick-aggro.purple{color:#c784e2}.quick-energy{color:#b9df79}.quick-energy small{font-size:10px;color:#b6c2d3}.turn-stats small{white-space:nowrap}
@media(max-width:700px){.turn-stats{gap:5px;font-size:12px}.quick-boss{width:100%;padding:4px 8px}.quick-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px}.quick-hero{padding:5px 7px;gap:6px}.turnbar{padding:10px 0;row-gap:8px}.quick-boss>strong{margin-right:auto}}