.web-guest-welcome{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:22px;background:#02071280;backdrop-filter:blur(8px)}
.web-guest-welcome section{position:relative;box-sizing:border-box;width:min(100%,560px);padding:28px 22px 20px;border:1px solid #6bb6ff55;border-radius:26px;background:linear-gradient(155deg,#122746,#08152a);box-shadow:0 24px 70px #000b;color:#fff;text-align:center;animation:webGuestIn .28s ease-out}
.web-guest-welcome span{color:#65b7ff;font-size:11px;letter-spacing:2px}.web-guest-welcome h2{margin:8px 0 6px;font-size:25px}.web-guest-welcome p{margin:0 0 20px;color:#a9bdd8;line-height:1.6}
.web-guest-welcome section>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.web-guest-welcome section>div button{height:48px;border:0;border-radius:13px;font-weight:900;font-size:15px;color:#fff;background:linear-gradient(135deg,#176eea,#24a0ff)}.web-guest-welcome section>div button+button{color:#302000;background:linear-gradient(135deg,#f0b83f,#ffdf75)}
.web-guest-browse{margin-top:8px;border:0;background:transparent;color:#8fa8c8;padding:10px 18px}.web-guest-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff12;color:#b8c9df;font-size:24px}.web-guest-welcome button{cursor:pointer}
@keyframes webGuestIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(max-height:620px){.web-guest-welcome{align-items:flex-start;overflow:auto}.web-guest-welcome section{margin:auto 0}}

/* Web edition: every dialog uses one centered interaction pattern. */
body[data-client="web"] .modal{align-items:center;padding:20px;background:rgba(20,35,58,.48);backdrop-filter:blur(7px)}
body[data-client="web"] .modal-card{width:min(540px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:22px;padding:20px 18px;box-shadow:0 24px 70px rgba(28,54,92,.24);animation:webDialogIn .22s ease-out}
body[data-client="web"] .bets-modal-card{width:min(540px,100%);min-height:min(54vh,440px);max-height:calc(100dvh - 40px);border-radius:22px;padding:18px 16px}
body[data-client="web"] .cart-drawer-card{width:min(520px,100%);max-height:calc(100dvh - 40px);border-radius:22px;padding:18px 16px;overflow:hidden}
body[data-client="web"] .detail-card{max-height:calc(100dvh - 40px)}
body[data-client="web"] #confirm{align-items:flex-end;padding:0;background:rgba(40,54,77,.45);backdrop-filter:none}
body[data-client="web"] #confirm .modal-card{width:min(600px,100%);max-height:none;overflow:visible;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + var(--safe-bottom));box-shadow:none;animation:none}
body[data-client="web"] #myBetsModal{align-items:flex-end;padding:0;background:rgba(40,54,77,.45);backdrop-filter:none}
body[data-client="web"] #myBetsModal .bets-modal-card{width:min(580px,calc(100% - 20px));min-height:min(54vh,440px);max-height:min(64vh,520px);overflow:auto;border-radius:20px 20px 0 0;padding:16px 14px calc(16px + var(--safe-bottom));box-shadow:none;animation:none;margin:0}
@keyframes webDialogIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-height:620px){body[data-client="web"] .modal{align-items:flex-start;overflow-y:auto}body[data-client="web"] .modal-card{margin:auto 0;max-height:none}body[data-client="web"] #confirm,body[data-client="web"] #myBetsModal{align-items:flex-end;overflow:visible}body[data-client="web"] #confirm .modal-card,body[data-client="web"] #myBetsModal .modal-card{margin:0}}
.web-logout{display:none}.web-logout span,.web-logout small{display:block}body[data-client="web"] .web-logout{display:block!important;width:100%;margin:12px 0 4px;padding:13px;border:1px solid #efc7cc;border-radius:15px;background:#fff6f7;color:#be3145;font-weight:800}body[data-client="web"] .web-logout small{margin-top:3px;color:#b37d85;font-size:10px;font-weight:500}
body[data-client="web"] .guest-account-actions{display:none}body[data-client="web"].web-guest-mode .balance{display:none}body[data-client="web"].web-guest-mode .guest-account-actions{display:flex!important;gap:7px}body[data-client="web"] .guest-account-actions button{min-width:58px;padding:8px 11px;border:1px solid #bfd9f5;border-radius:11px;background:#fff;color:#2478c7;font-size:12px;font-weight:800}body[data-client="web"] .guest-account-actions button+button{border-color:#efca73;background:#f8c84f;color:#4b3505}