/* Native modal top layer: not clipped by lobby scrolling, keyboard focus cannot leave the dialog. */
.cf-progress-ui dialog.cf-welcome-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:fit-content;margin:auto!important;padding:26px 28px;color:#e9eddf;background:linear-gradient(145deg,#23312b,#11212a);border:1px solid #a88c4f;border-radius:12px;box-shadow:0 24px 90px #0009;overflow:auto;overscroll-behavior:contain}
.cf-progress-ui dialog.cf-welcome-dialog:not([open]){display:none!important}
.cf-welcome-dialog::backdrop{background:#050c13b8}
.cf-progress-ui .cf-welcome-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}
.cf-progress-ui .cf-welcome-dialog>header h3{margin:0;color:#f5dfaa;font-size:20px;line-height:1.55;font-weight:600}
.cf-progress-ui .cf-welcome-dialog .cf-progress-x{flex:0 0 30px;width:30px;height:30px;line-height:28px;padding:0;border-radius:50%;font-size:20px;margin:0}
.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts{display:grid;gap:12px;margin:0 0 25px}
.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px;padding:16px;color:#b4c2c4;font-size:14px}
.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts b{color:#ffe1a0;font-size:18px;overflow-wrap:anywhere}
.cf-progress-ui .cf-welcome-dialog button.cf-welcome-claim{display:block;width:100%;min-height:44px;margin:0;padding:10px 18px;border:1px solid #e5c77e;border-radius:6px;background:#d1b976;color:#182128;font-size:16px;font-weight:700;cursor:pointer}
.cf-welcome-dialog button:focus-visible{outline:2px solid #fff0be;outline-offset:3px}
@media(max-width:520px){.cf-progress-ui dialog.cf-welcome-dialog{padding:20px}.cf-progress-ui .cf-welcome-dialog>header h3{font-size:17px}.cf-progress-ui .cf-welcome-dialog>header{margin-bottom:18px}.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts>span{padding:12px}.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts b{font-size:16px}}
@media(max-height:430px){.cf-progress-ui dialog.cf-welcome-dialog{padding:16px 22px}.cf-progress-ui .cf-welcome-dialog>header{margin-bottom:12px}.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts{margin-bottom:14px;gap:8px}.cf-progress-ui .cf-welcome-dialog .cf-progress-welcome-gifts>span{padding:10px}}