.bja-app{max-width:1400px;margin:20px auto;background:#071c33;color:#fff;border-radius:18px;overflow:hidden;font-family:Arial,sans-serif;box-shadow:0 14px 40px #0005}
.bja-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;background:#092743}
.bja-top strong{font-size:20px}.bja-top>div>span{display:block;font-size:12px;opacity:.8}
.bja-stats{display:flex!important;gap:16px;flex-wrap:wrap}.bja-stats span{display:inline!important;font-size:14px!important}
.bja-stage-wrap{position:relative;aspect-ratio:16/9;background:#6ec6ff}
#bja-canvas{width:100%;height:100%;display:block}
.bja-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00152a99;z-index:3}
.bja-card{max-width:560px;margin:20px;padding:28px;border-radius:20px;background:#fff;color:#10243a;text-align:center;box-shadow:0 20px 60px #0006}
.bja-card h2{font-size:34px;margin:0 0 8px}.bja-card select,.bja-card button{font-size:17px;padding:10px 14px;margin:10px;border-radius:10px}
.bja-card button{background:#137ac2;color:white;border:0;font-weight:700;cursor:pointer}.bja-help{font-size:13px}
.bja-message{position:absolute;left:50%;top:12%;transform:translateX(-50%);font-size:26px;font-weight:800;text-shadow:0 2px 6px #000;pointer-events:none}
.bja-controls,.bja-actions{display:flex;justify-content:center;gap:8px;padding:10px;background:#092743}
.bja-controls button,.bja-actions button{min-width:54px;padding:12px;border:0;border-radius:12px;background:#eaf5ff;color:#092743;font-weight:800;cursor:pointer}
.bja-controls .bja-flap{min-width:100px;background:#ffd43b}
@media(max-width:700px){.bja-top{align-items:flex-start;flex-direction:column}.bja-stats{gap:9px}.bja-card{padding:18px}.bja-card h2{font-size:26px}.bja-actions{flex-wrap:wrap}}