#tournament-reminder{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:30px 28px 18px;border:1px solid #675335;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#6d552526,transparent 65%),#1b2024;color:#eff0e9;text-align:center;box-shadow:0 24px 90px #0009;font-family:'DM Sans',system-ui,sans-serif}
#tournament-reminder::backdrop{background:#080b0dcc;backdrop-filter:blur(5px)}
.tournament-reminder-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:transparent;color:#a8b0b7;border:0}
.tournament-reminder-close svg{width:20px;height:20px}
.tournament-reminder-emblem{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border:1px solid #9e7b3d66;border-radius:17px;background:linear-gradient(135deg,#69533144,#352c1e44);color:#d6ad63;box-shadow:0 0 36px #d6ad6310}
.tournament-reminder-emblem svg{width:29px;height:29px}
.tournament-reminder-eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;color:#b9a271;margin-bottom:10px}
#tournament-reminder h2{font:600 29px/1.2 Outfit,system-ui,sans-serif;letter-spacing:-.5px;color:#eff0e9;margin:0}
#tournament-reminder .tournament-reminder-name{font-size:15px;color:#b1bac2;margin:9px 0 22px;line-height:1.5;overflow-wrap:anywhere}
.tournament-reminder-clock{padding:17px 10px 19px;border:1px solid #9e7b3d35;background:#11171b66;border-radius:10px}
.tournament-reminder-clock>span{display:block;color:#a9afb2;font-size:10px;letter-spacing:.13em;font-weight:500}
.tournament-reminder-clock>strong{display:block;color:#d6ad63;font:500 44px/1.15 Outfit,system-ui,sans-serif;font-variant-numeric:tabular-nums;margin-top:7px;letter-spacing:1px}
#tournament-reminder[data-ready="true"] .tournament-reminder-clock>strong{font-size:34px;letter-spacing:-.4px}
.tournament-reminder-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-bottom:1px solid #ffffff10;text-align:left}
.tournament-reminder-facts>div+div{border-left:1px solid #ffffff10;padding-left:18px}
.tournament-reminder-facts span{display:block;font-size:10px;color:#98a4ae;margin-bottom:6px}
.tournament-reminder-facts strong{font-size:13px;font-weight:550;line-height:1.5;color:#d7dce0}
#tournament-reminder-copy{font-size:12px;color:#a9b4bd;line-height:1.6;margin:17px 4px}
.tournament-reminder-join{display:flex;width:100%;justify-content:center;align-items:center;gap:15px;min-height:48px;border-radius:8px;border:1px solid #e4bd70;background:#d5ae65;color:#241e12;font:650 14px 'DM Sans',system-ui,sans-serif;padding:13px 16px}
.tournament-reminder-join:disabled{opacity:.65;cursor:default}
.tournament-reminder-later{display:block;width:100%;background:transparent;color:#adb6be;border:0;border-radius:7px;min-height:42px;margin-top:4px;font-size:12px}
#tournament-reminder button:focus-visible{box-shadow:0 0 0 2px #d6ad63;filter:none}
@media(max-width:400px){#tournament-reminder{padding:25px 22px 14px}#tournament-reminder h2{font-size:27px}.tournament-reminder-emblem{margin-bottom:16px;width:52px;height:52px}.tournament-reminder-clock>strong{font-size:40px}}
