.bmr-fan-game{--fan-blue:#0068b5;max-width:1000px;margin:28px auto;color:#edf7ff;background:#071724;border:1px solid #24445d;border-radius:20px;overflow:hidden;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 16px 45px #0004;text-align:left}
.bmr-fan-game *{box-sizing:border-box}.bmr-game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 28px;background:linear-gradient(115deg,#00477e,#0079c4)}
.bmr-fan-game .bmr-game-heading h2{margin:5px 0!important;padding:0!important;font:800 clamp(24px,4vw,38px)/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-1px;color:#fff!important}.bmr-fan-game .bmr-game-heading p{margin:0;color:#e0effb}.bmr-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}.bmr-game-badge{font-size:28px;font-weight:900;border:2px solid #fff8;border-radius:12px;padding:8px 13px;transform:rotate(-5deg)}
.bmr-game-hud{display:flex;justify-content:space-between;gap:8px;padding:12px 22px;font-weight:700;font-size:14px;background:#0d2335}
.bmr-game-stage{position:relative;background:#b3daed;isolation:isolate}.bmr-game-stage canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;touch-action:pan-y;outline-offset:-4px}.bmr-game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;background:#061625dd;backdrop-filter:blur(3px);z-index:1}.bmr-game-overlay[hidden]{display:none}.bmr-fan-game .bmr-game-overlay h3{color:white;font:800 clamp(23px,4vw,38px)/1.1 system-ui;margin:0 0 12px}.bmr-fan-game .bmr-game-overlay p{max-width:510px;margin:0 0 20px;color:#d5e6f2}
.bmr-fan-game button{appearance:none;background:#eaf6ff;color:#092439;border:1px solid #83b5d7;border-radius:9px;padding:10px 16px;font:700 14px/1.3 system-ui;cursor:pointer;letter-spacing:normal;text-transform:none;min-height:44px;box-shadow:none;margin:0}.bmr-fan-game button:hover{background:#c8e6ff}.bmr-fan-game button:disabled{opacity:.45;cursor:default}.bmr-fan-game button:focus-visible,.bmr-fan-game canvas:focus-visible{outline:3px solid #ffc960;outline-offset:-3px}.bmr-fan-game [data-start]{background:#007bcc;color:white;border-color:#4ab3fb;padding:13px 25px}.bmr-game-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px 20px}.bmr-game-touch{display:flex;gap:8px;margin-right:auto}.bmr-game-touch button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:48px}.bmr-game-touch button.is-held{background:#71c4ff}.bmr-fan-game .bmr-game-help{margin:0;padding:0 22px;color:#aebfd0;font-size:12px}.bmr-fan-game .bmr-game-status{padding:10px 22px;margin:0;color:#eaf6ff;font-size:13px;min-height:40px}.bmr-game-footer{padding:12px 22px;border-top:1px solid #234056;font-size:10px;color:#a8bdce}
@media(max-width:550px){.bmr-game-heading{padding:18px}.bmr-game-badge{font-size:20px}.bmr-game-hud{font-size:11px;padding:10px 12px}.bmr-game-actions{padding:12px;gap:6px}.bmr-fan-game button{padding:9px 10px;font-size:12px}.bmr-game-touch{gap:5px}.bmr-game-overlay{padding:12px}.bmr-fan-game .bmr-game-overlay p{font-size:11px;margin-bottom:10px}.bmr-fan-game .bmr-game-overlay h3{font-size:22px;margin-bottom:8px}.bmr-fan-game [data-start]{padding:9px 16px}.bmr-fan-game{border-radius:12px}}
.bmr-fan-game [data-audio][hidden]{display:none!important}
.bmr-game-won .bmr-game-overlay{top:auto;bottom:0;padding:12px 16px;backdrop-filter:none;background:#061625ef}
.bmr-fan-game.bmr-game-won .bmr-game-overlay h3{font-size:23px;margin:0 0 5px}
.bmr-fan-game.bmr-game-won .bmr-game-overlay p{font-size:12px;margin-bottom:8px}
.bmr-fan-game.bmr-game-won [data-start]{padding:8px 16px;min-height:36px}
@media(max-width:550px){.bmr-game-won .bmr-game-overlay{position:relative}.bmr-fan-game.bmr-game-won .bmr-game-overlay h3{font-size:20px}}

.bmr-fan-game .bmr-fan-wordmark{display:block;color:#fff;font-style:normal;font-weight:inherit;letter-spacing:inherit;text-shadow:none;margin-bottom:5px}

.bmr-fan-game .bmr-game-heading .bmr-game-personal{font-size:14px;font-style:normal;margin:8px 0;color:#e0effb}

/* Einheitliche Schrift im gesamten Spielkopf, auch bei Theme-Vorgaben. */
.bmr-fan-game .bmr-game-heading,.bmr-fan-game .bmr-game-heading *,.bmr-fan-game .bmr-game-heading h2{font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important}

/* Spielkopf 1.4: volle Titelbreite auf schmalen Bildschirmen. */
.bmr-fan-game .bmr-game-heading{display:block;position:relative;padding:25px 28px 22px;background:radial-gradient(ellipse at 100% 0,rgba(0,148,226,.28),transparent 65%),linear-gradient(120deg,#071e34,#004573);border-top:4px solid #26a7ea}
.bmr-fan-game .bmr-heading-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.bmr-fan-game .bmr-eyebrow{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.5px;color:#add7f1}
.bmr-fan-game .bmr-game-badge{display:inline-block;flex:none;transform:none;padding:4px 10px;border:1px solid #6ba4c777;border-radius:6px;background:#ffffff0b;font-size:15px;line-height:1.4;font-weight:700;letter-spacing:1px;color:#e6f4ff}
.bmr-fan-game .bmr-game-heading h2{font:700 clamp(25px,3.4vw,34px)/1.17 Arial,Helvetica,sans-serif!important;margin:0!important;padding:0!important;letter-spacing:-.6px!important;text-transform:none!important;color:#fff!important}
.bmr-fan-game .bmr-fan-wordmark{display:block;margin:0 0 3px;font-weight:700;letter-spacing:inherit;text-shadow:none;color:#fff}
.bmr-fan-game .bmr-game-title-line{display:block;color:#c1e8ff}
.bmr-fan-game .bmr-game-heading .bmr-game-personal{font-size:13px;line-height:1.65;font-weight:400;margin:13px 0 0;color:#c2d4e2}
.bmr-fan-game .bmr-game-heading .bmr-game-route{font-size:12px;line-height:1.7;margin:15px 0 0;padding:12px 0 0;border-top:1px solid #ffffff26;color:#c2d4e2}
.bmr-fan-game .bmr-game-route strong{font-weight:700;color:#f3f9ff}
.bmr-fan-game .bmr-game-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 18px;background:#071d30;border-top:1px solid #244960}
.bmr-fan-game .bmr-game-hud>span{padding:7px 5px;border:1px solid #33587288;border-radius:7px;text-align:center;font-size:12px;line-height:1.5;background:#122c40;color:#e8f5ff}
@media(max-width:550px){
 .bmr-fan-game .bmr-game-heading{padding:20px 19px 18px}
 .bmr-fan-game .bmr-heading-top{gap:9px;margin-bottom:15px}
 .bmr-fan-game .bmr-eyebrow{font-size:9px;letter-spacing:1px}
 .bmr-fan-game .bmr-game-badge{font-size:13px;padding:3px 7px}
 .bmr-fan-game .bmr-game-heading h2{font-size:27px!important;line-height:1.18!important}
 .bmr-fan-game .bmr-game-hud{gap:6px;padding:10px 12px}
 .bmr-fan-game .bmr-game-hud>span{font-size:11px}
}
@media(max-width:350px){.bmr-fan-game .bmr-game-heading{padding:17px 14px}.bmr-fan-game .bmr-game-heading h2{font-size:24px!important}.bmr-fan-game .bmr-eyebrow{font-size:8px;letter-spacing:.6px}}