.rb-root{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);--rb-bg:#141516;--rb-ink:#e8e4da;--rb-muted:#9a978f;--rb-line:#2c2e30;--rb-panel:#1c1d1f;background:var(--rb-bg);color:var(--rb-ink);font-family:Verdana,"DejaVu Sans",Geneva,sans-serif;font-size:14px;line-height:1.5;border:1px solid var(--rb-line);border-left:0;border-right:0;padding:6px 10px;box-sizing:border-box;outline:none;display:flex;flex-direction:column;gap:6px}
.rb-root *{box-sizing:border-box}
.rb-root:focus-visible{outline:2px solid #6a6d73}
.rb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.rb-title{font-family:Impact,"Arial Narrow Bold",Haettenschweiler,sans-serif;font-size:22px;letter-spacing:.5px;line-height:1;margin:0}
.rb-tabs{display:flex;gap:6px}
.rb-root button{background:var(--rb-panel);border:1px solid var(--rb-line);color:var(--rb-ink);padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;line-height:1.3;border-radius:0;text-transform:none;letter-spacing:0;box-shadow:none}
.rb-root button:hover{border-color:#6a6d73;background:var(--rb-panel)}
.rb-root button:focus-visible{outline:2px solid #fff}
.rb-tabs button{color:var(--rb-muted)}
.rb-tabs button.on{background:#25272c;color:var(--rb-ink);border-color:#6a6d73}
.rb-screen{background:#000;border:1px solid var(--rb-line);display:flex;justify-content:center;align-items:center;position:relative;height:min(90vh,calc(100vh - 110px));min-height:240px;overflow:hidden}
.rb-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;max-width:100%}
.rb-hud{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:4px 16px;color:var(--rb-muted);font-size:13px;align-items:center}
.rb-hud>div{display:flex;gap:6px;align-items:center;white-space:nowrap}
.rb-hud b{color:var(--rb-ink);font-weight:600}
.rb-hud .alarm{color:#ff6b57}
.rb-hp{height:6px;background:#2a2c30;width:80px}
.rb-hp i{display:block;height:100%;background:#7fb069;width:100%}
.rb-controls{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}
@media (max-width:1100px){.rb-controls{grid-template-columns:repeat(5,1fr)}}
@media (max-width:900px){.rb-controls{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.rb-controls{grid-template-columns:repeat(2,1fr)} .rb-controls button kbd{display:none}}
.rb-controls button{text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center}
.rb-controls button kbd{color:#8a8880;font:inherit;font-size:12px;border:1px solid #3a3c40;padding:0 6px;border-radius:3px;white-space:nowrap;background:none}
.rb-controls button.warn{border-color:#5a2a22}
.rb-controls button.on{border-color:#5f9c6a}
.rb-rules{color:var(--rb-muted);font-size:13px}
.rb-rules summary{cursor:pointer;color:var(--rb-ink)}
.rb-rules ul{padding-left:18px;margin:8px 0 0}
.rb-rules li{margin-bottom:5px}
.rb-rules b{color:var(--rb-ink);font-weight:600}
/* Vollbild (echte API und Fallback-Klasse) */
.rb-root:fullscreen,.rb-root:-webkit-full-screen,.rb-root.rb-fs{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;margin:0;padding:10px;border:0;z-index:99999;background:#000;overflow:hidden}
.rb-root:fullscreen .rb-screen,.rb-root:-webkit-full-screen .rb-screen,.rb-root.rb-fs .rb-screen{flex:1 1 auto;height:auto;min-height:0;border:0}
.rb-root:fullscreen .rb-rules,.rb-root:-webkit-full-screen .rb-rules,.rb-root.rb-fs .rb-rules{display:none}