/* Basra how-to-play overlay (he/en) - shared by computer and friends versions */
.rules-fab{position:fixed;left:10px;bottom:64px;z-index:900;width:42px;height:42px;border-radius:50%;border:2px solid #d9c88f;background:#fff8e6;color:#3d2e08;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);padding:0;line-height:1}
.rules-fab:focus-visible{outline:3px solid #4a7;outline-offset:2px}
.rules-backdrop{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.rules-backdrop[hidden]{display:none}
.rules-modal{background:#fff8e6;color:#3d2e08;border:2px solid #d9c88f;border-radius:14px;max-width:560px;width:100%;max-height:82vh;overflow-y:auto;padding:18px 20px;box-shadow:0 8px 30px rgba(0,0,0,.45)}
.rules-modal h2{margin:0 0 6px;font-size:19px}
.rules-modal h3{margin:14px 0 4px;font-size:15.5px}
.rules-modal h3:first-of-type{margin-top:4px}
.rules-modal p{margin:0 0 6px;line-height:1.6;font-size:14.5px}
.rules-modal .rules-ex{margin:0 0 8px;padding-inline-start:10px;border-inline-start:3px solid #d9c88f;color:#6b5518;font-size:14px;line-height:1.55}
.rules-close{display:block;margin:14px auto 0;padding:8px 26px;font-size:15px;font-weight:700;border:2px solid #b9a75f;border-radius:10px;background:#f3e9c8;color:#3d2e08;cursor:pointer}