/* The publishing step, the after-match card and the live search share one visual language. */
.match-publish-modal.is-urgent .match-publish-modal-header { --mp-ink: #ecfff5; --mp-soft: #183a2d; background: #091d1a; border-color: #32524a; }
.match-publish-modal.is-urgent .match-publish-modal-title h1 { --mp-text: #ecfff5; color: #ecfff5; font-size: .8rem; }
.match-publish-modal.is-urgent .match-publish-modal-title small { --mp-text: #a6eac6; color: #a6eac6; font-size: .6rem; }
.match-publish-modal.is-urgent .match-publish-close-btn { color: #ecfff5; font-size: .8rem !important; }
.match-publish-modal.is-urgent .match-publish-modal-body { background: #091713; }

.match-urgent-entry,
.match-urgent-flow,
.match-urgent-launcher { --urgent-mint: #77f4ac; --urgent-gold: #f7d388; --urgent-ink: #effff5; --urgent-muted: #b4d6c8; font-size: .7rem; }
.match-urgent-entry *, .match-urgent-flow * { box-sizing: border-box; }
.match-urgent-entry { --mp-text: #effff5; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; min-height: 11rem; margin: .85rem 0 1.05rem; padding: 1.25rem 1.35rem; overflow: hidden; border: 1px solid #7ce8ac58; border-radius: 1.15rem; background: radial-gradient(circle at 82% 48%, #22694d 0, transparent 36%), linear-gradient(120deg, #071d1b, #0b3027 60%, #091d1b); box-shadow: 0 1rem 2.4rem #09241925, inset 0 1px #c4f8dd2a; color: var(--urgent-ink); }
.match-urgent-entry::after { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .25; background-image: linear-gradient(#a4ffca17 1px, transparent 1px), linear-gradient(90deg, #a4ffca17 1px, transparent 1px); background-size: 1.75rem 1.75rem; mask-image: linear-gradient(90deg, transparent 30%, black); }
.match-urgent-entry-atmosphere { position: absolute; z-index: -1; right: 14%; top: 50%; width: 14rem; height: 14rem; transform: translateY(-50%); pointer-events: none; }
.match-urgent-entry-orbit { position: absolute; inset: 18%; border: 1px solid #9affc76b; border-radius: 50%; box-shadow: 0 0 1.6rem #3cff9670; animation: urgentRipple 3.2s ease-out infinite; }
.match-urgent-entry-orbit.orbit-two { inset: 4%; animation-delay: 1.1s; }
.match-urgent-entry-sweep { position: absolute; inset: 4%; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 78%, #93ffc030 96%, #a6ffd269 100%); animation: urgentSweep 5s linear infinite; }
.match-urgent-entry-beacon { position: absolute; inset: 37%; display: grid; place-items: center; border: 1px solid #bbffd39c; border-radius: 50%; background: #154c38; box-shadow: 0 0 1.4rem #70ff9e88; font-size: .8rem; animation: urgentBeacon 2s ease-in-out infinite; }
.match-urgent-entry-copy { position: relative; z-index: 1; max-width: 26rem; }
.match-urgent-entry-eyebrow, .match-urgent-eyebrow { --mp-text: #77f4ac; display: inline-flex; align-items: center; gap: .35rem; color: var(--urgent-mint); font-size: .55rem; font-weight: 900; letter-spacing: .15em; }
.match-urgent-entry h3 { margin: .55rem 0 .4rem; color: #fff; font-size: .8rem; font-weight: 900; letter-spacing: -.02em; }
.match-urgent-entry p { --mp-text: #b4d6c8; max-width: 23rem; margin: 0; color: var(--urgent-muted); font-size: .68rem; line-height: 1.65; }
.match-urgent-entry-facts { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .85rem; }
.match-urgent-entry-facts span { --mp-text: #d8f6e4; display: inline-flex; gap: .3rem; align-items: center; padding: .32rem .48rem; border: 1px solid #b3ffd43c; border-radius: 100rem; background: #b3ffd413; color: #d8f6e4; font-size: .55rem; font-weight: 700; }
.match-urgent-entry-action { position: relative; z-index: 1; display: grid; gap: .5rem; justify-items: center; width: min(100%, 11rem); }
.match-urgent-entry .match-urgent-entry-button { --mp-text: #073321; position: relative; display: flex; justify-content: space-between; align-items: center; gap: .5rem; width: 100%; min-height: 2.7rem; padding: .6rem .7rem; overflow: hidden; border: 1px solid #b5ffcfb0; border-radius: .75rem; background: linear-gradient(110deg, #9affbd, #46d491); box-shadow: 0 .45rem 1.1rem #46d49148, inset 0 1px #fff9; color: #073321; font-size: .68rem; font-weight: 900; text-align: left; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.match-urgent-entry .match-urgent-entry-button::before { content: ''; position: absolute; display: block; inset: -50%; width: 30%; transform: rotate(25deg) translateX(-20rem); background: linear-gradient(90deg, transparent, #fff9, transparent); animation: urgentShine 4.7s ease-in-out infinite; pointer-events: none; }
.match-urgent-entry .match-urgent-entry-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 .7rem 1.4rem #46d49172; }
.match-urgent-entry .match-urgent-entry-button:disabled { --mp-text: #c7ddcf; cursor: default; opacity: .7; background: #24463b; color: #c7ddcf; box-shadow: none; }
.match-urgent-entry-status { --mp-text: #c0dfcf; color: #c0dfcf; font-size: .55rem; text-align: center; line-height: 1.4; }
.match-urgent-entry.is-live .match-urgent-entry-status::before { content: ''; display: inline-block; width: .35rem; height: .35rem; margin-right: .3rem; border-radius: 50%; background: var(--urgent-mint); box-shadow: 0 0 .5rem var(--urgent-mint); animation: urgentBeacon 1.3s ease-in-out infinite; }
.match-urgent-entry.is-cooling .match-urgent-entry-atmosphere { opacity: .5; }

.match-urgent-flow { position: relative; isolation: isolate; width: min(100% - 1.5rem, 49rem); min-height: min(43rem, calc(100dvh - 6rem)); margin: .75rem auto 1.25rem; padding: 1.25rem; overflow: hidden; border: 1px solid #b4ffd644; border-radius: 1.25rem; background: radial-gradient(circle at 74% 19%, #1f64476e, transparent 34%), radial-gradient(circle at 13% 83%, #a9812440, transparent 35%), linear-gradient(145deg, #0b211d, #0c3027 53%, #071b18); box-shadow: 0 1.4rem 4rem #0005, inset 0 1px #c5ffe32e; color: var(--urgent-ink); }
.match-urgent-flow::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .28; background-image: linear-gradient(#9ef9c818 1px, transparent 1px), linear-gradient(90deg, #9ef9c818 1px, transparent 1px); background-size: 2rem 2rem; mask-image: radial-gradient(circle at 50% 44%, black, transparent 80%); }
.match-urgent-flow-glow { position: absolute; z-index: -1; top: -11rem; right: -7rem; width: 23rem; height: 23rem; border-radius: 50%; background: #37e78528; filter: blur(4rem); animation: urgentAura 8s ease-in-out infinite; pointer-events: none; }
.match-urgent-flow-top { display: flex; justify-content: space-between; align-items: center; gap: .7rem; }
.match-urgent-live-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .55rem; border: 1px solid #9dffc267; border-radius: 100rem; background: #91fcb819; color: #cbffe0; font-size: .55rem; font-weight: 900; letter-spacing: .11em; }
.match-urgent-live-chip > span { width: .4rem; height: .4rem; border-radius: 50%; background: #8bffac; box-shadow: 0 0 .7rem #77ff9c; animation: urgentBeacon 1.45s ease-in-out infinite; }
.match-urgent-flow-step { color: #b6cfbf; font-size: .55rem; font-weight: 800; letter-spacing: .12em; }
.match-urgent-prompt-stage { display: grid; grid-template-columns: minmax(12rem, .9fr) minmax(0, 1.1fr); align-items: center; gap: 1.4rem; min-height: 30rem; }
.match-urgent-prompt-copy { position: relative; z-index: 1; animation: urgentRise .55s ease-out both; }
.match-urgent-prompt-copy h2, .match-urgent-progress-head h2 { margin: .65rem 0 .75rem; color: #fff; font-size: .8rem; font-weight: 900; line-height: 1.45; letter-spacing: -.02em; }
.match-urgent-prompt-copy p, .match-urgent-progress-head p { max-width: 21rem; margin: 0; color: #bcdaca; font-size: .7rem; line-height: 1.7; }
.match-urgent-prompt-steps { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.2rem; }
.match-urgent-prompt-steps span { display: inline-flex; gap: .35rem; align-items: center; padding: .45rem .55rem; border: 1px solid #baffd34d; border-radius: .55rem; background: #dcffe710; color: #d9ffe8; font-size: .55rem; font-weight: 800; animation: urgentRise .55s ease-out both; }
.match-urgent-prompt-steps span:nth-child(2) { animation-delay: .12s; }
.match-urgent-prompt-steps span:nth-child(3) { animation-delay: .24s; }
.match-urgent-prompt-steps i { color: var(--urgent-gold); }

.match-urgent-visual { position: relative; isolation: isolate; width: min(100%, 19rem); aspect-ratio: 1; margin: auto; pointer-events: none; }
.match-urgent-visual-grid { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, #45c98b15 0 1px, transparent 2px); background-size: .9rem .9rem; mask-image: radial-gradient(circle, black 30%, transparent 75%); }
.match-urgent-visual-ring { position: absolute; border: 1px solid #9cffc755; border-radius: 50%; box-shadow: inset 0 0 1.2rem #4ffe9120, 0 0 1.2rem #4ffe9120; }
.match-urgent-visual-ring.ring-a { inset: 31%; animation: urgentRipple 3.4s ease-out infinite; }
.match-urgent-visual-ring.ring-b { inset: 15%; animation: urgentRipple 3.4s ease-out 1s infinite; }
.match-urgent-visual-ring.ring-c { inset: 0; animation: urgentRipple 3.4s ease-out 2s infinite; }
.match-urgent-visual-sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 76%, #72ffa60a 80%, #72ffa64f 100%); animation: urgentSweep 5s linear infinite; }
.match-urgent-visual-core { position: absolute; inset: 38%; display: grid; place-items: center; border: 1px solid #aeffd6; border-radius: 50%; background: radial-gradient(circle at 32% 27%, #a2ffc8, #46b77e 63%, #16704e); box-shadow: 0 0 1.5rem #6cffaa91, 0 0 4rem #6cffaa42, inset 0 2px #fff9; color: #103c2b; font-size: .8rem; animation: urgentBeacon 2.1s ease-in-out infinite; }
.match-urgent-visual-node { position: absolute; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border: 1px solid #9cffc884; border-radius: 50%; background: #183e31; box-shadow: 0 0 .9rem #71e79a66; color: #d9ffe8; font-size: .6rem; animation: urgentFloat 3s ease-in-out infinite; }
.match-urgent-visual-node.node-a { top: 12%; left: 29%; }
.match-urgent-visual-node.node-b { top: 36%; right: 2%; animation-delay: 1s; }
.match-urgent-visual-node.node-c { bottom: 10%; left: 17%; animation-delay: 2s; }

.match-urgent-flow-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding-top: 1rem; border-top: 1px solid #c6ffe43b; }
.match-urgent-footer-note { display: flex; align-items: center; gap: .45rem; max-width: 21rem; color: #bcdaca; font-size: .6rem; line-height: 1.5; }
.match-urgent-footer-note *{
    color: #bcdaca;
    font-size: .6rem;
    line-height: 1.5;
}
.match-urgent-footer-note i { color: var(--urgent-gold); font-size: .7rem; }
.match-urgent-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.match-urgent-actions button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 2.6rem; padding: .6rem .9rem; overflow: hidden; border: 1px solid transparent; border-radius: .65rem; font-size: .7rem; font-weight: 900; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.match-urgent-actions button:hover:not(:disabled) { transform: translateY(-2px); }
.match-urgent-actions button:first-child { background: linear-gradient(110deg, #a0ffc1, #47d68f); box-shadow: 0 .45rem 1.25rem #4ceb9163, inset 0 1px #fff8; color: #062c1d; }
.match-urgent-actions button:first-child::before { content: ''; position: absolute; display: block; inset: -50%; width: 25%; transform: rotate(25deg) translateX(-22rem); background: linear-gradient(90deg, transparent, #fff9, transparent); animation: urgentShine 4.7s ease-in-out infinite; }
.match-urgent-actions button + button { border-color: #beffdc5e; background: #d1ffe519; color: #e6ffef; }
.match-urgent-actions button:disabled { opacity: .62; cursor: default; }
.match-urgent-actions button[hidden] { display: none; }
.match-urgent-error { margin: .8rem 0 0; padding: .5rem .7rem; border: 1px solid #ff9f9f74; border-radius: .5rem; color: #ffcece; background: #bd454527; font-size: .65rem; }
.match-urgent-error[hidden] { display: none; }

.match-urgent-progress-head { display: grid; grid-template-columns: 1fr 8rem; gap: 1rem; align-items: center; margin: .3rem 0 1rem; }
.match-urgent-progress-head .match-urgent-visual { width: 8rem; }
.match-urgent-progress-head .match-urgent-visual-node { width: 1rem; height: 1rem; font-size: .5rem; }
.match-urgent-progress-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: .8rem 0 1.2rem; }
.match-urgent-progress-metrics > div { position: relative; overflow: hidden; display: grid; gap: .3rem; min-height: 4.2rem; padding: .65rem .75rem; border: 1px solid #a8ffc849; border-radius: .75rem; background: linear-gradient(135deg, #b6ffcb1a, #b6ffcb0a); }
.match-urgent-progress-metrics > div::after { content: ''; position: absolute; width: 2.4rem; height: 2.4rem; right: -.7rem; bottom: -.8rem; border-radius: 50%; background: #88ffb51a; filter: blur(.25rem); }
.match-urgent-progress-metrics span { color: #abdbbb; font-size: .53rem; font-weight: 900; letter-spacing: .12em; }
.match-urgent-progress-metrics strong { color: #fff; font-size: .8rem; font-weight: 900; }
.match-urgent-section-head { display: flex; justify-content: space-between; align-items: end; gap: .5rem; margin-bottom: .7rem; }
.match-urgent-section-head h3 { margin: .2rem 0 0; color: #fff; font-size: .75rem; }
.match-urgent-section-pulse { display: flex; align-items: end; gap: .18rem; height: 1.1rem; }
.match-urgent-section-pulse i { display: block; width: .16rem; height: .35rem; border-radius: .2rem; background: #92ffb7; animation: urgentBars .75s ease-in-out infinite alternate; }
.match-urgent-section-pulse i:nth-child(2) { animation-delay: .2s; }
.match-urgent-section-pulse i:nth-child(3) { animation-delay: .4s; }
.match-urgent-needs { display: grid; gap: .5rem; min-height: 3rem; margin-bottom: 1.1rem; font-size: .65rem; }
.match-urgent-need { display: flex; gap: .65rem; align-items: center; padding: .65rem .75rem; border: 1px solid #a8ffc83e; border-radius: .7rem; background: #dcffe90c; animation: urgentRise .35s ease-out both; }
.match-urgent-need.is-accepted { border-color: #9bffb38c; background: #69d99424; }
.match-urgent-need.is-searching { border-color: #a6ffe08c; box-shadow: inset 2px 0 #9affc1; }
.match-urgent-need-icon { flex: 0 0 2rem; display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid #a7ffca6f; border-radius: .6rem; background: #79ffaf1d; color: #a4ffca; font-size: .7rem; }
.match-urgent-need-main { flex: 1 1 auto; min-width: 0; }
.match-urgent-need-top { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.match-urgent-need-name { color: #fff; font-size: .7rem; }
.match-urgent-state { color: #a5ffc5; font-size: .6rem; font-weight: 800; text-align: right; }
.match-urgent-need-count { margin: .25rem 0 .4rem; color: #b7d7c5; font-size: .55rem; line-height: 1.4; }
.match-urgent-need-track { height: .18rem; overflow: hidden; border-radius: 1rem; background: #c4ffd12a; }
.match-urgent-need-track span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #9bffc1, #f6d58a); box-shadow: 0 0 .5rem #82ffab; transition: width .5s ease; }
.match-urgent-flow.is-finished .match-urgent-section-pulse { visibility: hidden; }

.match-urgent-launcher { position: fixed; z-index: 1090; right: 1rem; bottom: max(1rem, env(safe-area-inset-bottom, 0px)); display: inline-flex; align-items: center; gap: .45rem; min-height: 2.5rem; padding: .55rem .75rem; border: 1px solid #a9ffcb; border-radius: 100rem; background: linear-gradient(110deg, #113c2e, #0a251f); box-shadow: 0 .5rem 1.3rem #00170b6b, inset 0 1px #dcffe755; color: #effff4; font-size: .65rem; font-weight: 900; cursor: pointer; }
.match-urgent-launcher[hidden] { display: none; }
.match-urgent-launcher-beacon { width: .45rem; height: .45rem; border-radius: 50%; background: #87ffb0; box-shadow: 0 0 .6rem #7effae; }
.match-urgent-launcher.is-live .match-urgent-launcher-beacon { animation: urgentBeacon 1.35s ease-in-out infinite; }

/* Keep the urgent surfaces above the existing match-publish and notification rules. */
body .match-publish-modal.is-urgent {
    --urgent-safe-top: max(env(safe-area-inset-top, 0px), var(--maui-safe-area-top, 0px));
    --urgent-safe-right: env(safe-area-inset-right, 0px);
    --urgent-safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--maui-safe-area-bottom, 0px));
    --urgent-safe-left: env(safe-area-inset-left, 0px);
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background: #091713 !important;
}
body .match-publish-modal.is-urgent .match-publish-modal-header {
    flex-shrink: 0 !important;
    min-height: calc(4.5rem + var(--urgent-safe-top)) !important;
    padding-top: calc(.75rem + var(--urgent-safe-top)) !important;
    padding-right: max(1rem, calc((100vw - 824px) / 2), var(--urgent-safe-right)) !important;
    padding-left: max(1rem, calc((100vw - 824px) / 2), var(--urgent-safe-left)) !important;
    background: #091d1a !important;
    border-color: #32524a !important;
}
body .match-publish-modal.is-urgent .match-publish-modal-title h1 { --mp-text: #ecfff5; color: #ecfff5 !important; font-size: .8rem !important; }
body .match-publish-modal.is-urgent .match-publish-modal-title small { --mp-text: #a6eac6; color: #a6eac6 !important; font-size: .6rem !important; }
body .match-publish-modal.is-urgent .match-publish-close-btn { color: #ecfff5 !important; font-size: .8rem !important; }
body .match-publish-modal.is-urgent .match-publish-modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 0 var(--urgent-safe-right) calc(2rem + var(--urgent-safe-bottom)) var(--urgent-safe-left) !important;
    background: #091713 !important;
    scroll-padding-bottom: calc(2rem + var(--urgent-safe-bottom)) !important;
}
body .match-publish-modal.is-urgent .match-urgent-flow {
    width: min(calc(100% - 1.5rem), 49rem) !important;
    min-height: min(43rem, max(0px, calc(100dvh - 6rem - var(--urgent-safe-top) - var(--urgent-safe-bottom)))) !important;
    margin: .75rem auto 0 !important;
    padding: 1.25rem !important;
    overflow: hidden !important;
    color: #effff5 !important;
    border: 1px solid #b4ffd644 !important;
    border-radius: 1.25rem !important;
    background: radial-gradient(circle at 74% 19%, #1f64476e, transparent 34%), radial-gradient(circle at 13% 83%, #a9812440, transparent 35%), linear-gradient(145deg, #0b211d, #0c3027 53%, #071b18) !important;
}
body .match-publish-modal.is-urgent .match-urgent-flow-top { display: flex !important; }
body .match-publish-modal.is-urgent .match-urgent-live-chip { color: #cbffe0 !important; font-size: .55rem !important; background: #91fcb819 !important; }
body .match-publish-modal.is-urgent .match-urgent-flow-step { color: #b6cfbf !important; font-size: .55rem !important; }
body .match-publish-modal.is-urgent .match-urgent-prompt-stage { display: grid !important; grid-template-columns: minmax(12rem, .9fr) minmax(0, 1.1fr) !important; }
body .match-publish-modal.is-urgent .match-urgent-prompt-copy h2,
body .match-publish-modal.is-urgent .match-urgent-progress-head h2 { color: #fff !important; font-size: .8rem !important; }
body .match-publish-modal.is-urgent .match-urgent-prompt-copy p,
body .match-publish-modal.is-urgent .match-urgent-progress-head p { color: #bcdaca !important; font-size: .7rem !important; }
body .match-publish-modal.is-urgent .match-urgent-progress-head { display: grid !important; grid-template-columns: minmax(0, 1fr) 8rem !important; }
body .match-publish-modal.is-urgent .match-urgent-progress-metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
body .match-publish-modal.is-urgent .match-urgent-needs { display: grid !important; font-size: .65rem !important; }
body .match-publish-modal.is-urgent .match-urgent-need { display: flex !important; border-radius: .7rem !important; }
body .match-publish-modal.is-urgent .match-urgent-need-name { color: #fff !important; font-size: .7rem !important; }
body .match-publish-modal.is-urgent .match-urgent-need-count { color: #b7d7c5 !important; font-size: .55rem !important; }
body .match-publish-modal.is-urgent .match-urgent-actions button {
    min-height: 2.6rem !important;
    font-size: .7rem !important;
    border-radius: .65rem !important;
}
body .match-publish-modal.is-urgent .match-urgent-actions button:first-child {
    color: #062c1d !important;
    background: linear-gradient(110deg, #a0ffc1, #47d68f) !important;
}
body .match-publish-modal.is-urgent .match-urgent-actions button + button {
    color: #e6ffef !important;
    background: #d1ffe519 !important;
    border-color: #beffdc5e !important;
}
body .match-publish-modal.is-urgent .match-urgent-actions button[hidden] { display: none !important; }
body .match-publish-modal.is-urgent .match-urgent-visual-ring,
body .match-publish-modal.is-urgent .match-urgent-visual-sweep,
body .match-publish-modal.is-urgent .match-urgent-visual-node { animation-play-state: running !important; }

body .match-notification-experience .match-urgent-entry {
    display: grid !important;
    color: #effff5 !important;
    border: 1px solid #7ce8ac58 !important;
    border-radius: 1.15rem !important;
    background: radial-gradient(circle at 82% 48%, #22694d 0, transparent 36%), linear-gradient(120deg, #071d1b, #0b3027 60%, #091d1b) !important;
    margin-right: var(--urgent-safe-right, env(safe-area-inset-right, 0px)) !important;
    margin-left: var(--urgent-safe-left, env(safe-area-inset-left, 0px)) !important;
    scroll-margin-top: calc(4rem + max(env(safe-area-inset-top, 0px), var(--maui-safe-area-top, 0px))) !important;
    scroll-margin-bottom: calc(4rem + max(env(safe-area-inset-bottom, 0px), var(--maui-safe-area-bottom, 0px))) !important;
}
body .match-notification-experience .match-urgent-entry h3 { color: #fff !important; font-size: .8rem !important; }
body .match-notification-experience .match-urgent-entry .match-urgent-entry-eyebrow { color: #77f4ac !important; font-size: .55rem !important; }
body .match-notification-experience .match-urgent-entry p { color: #b4d6c8 !important; font-size: .68rem !important; }
body .match-notification-experience .match-urgent-entry-facts span { color: #d8f6e4 !important; font-size: .55rem !important; }
body .match-notification-experience .match-urgent-entry .match-urgent-entry-button {
    display: flex !important;
    color: #073321 !important;
    font-size: .68rem !important;
    background: linear-gradient(110deg, #9affbd, #46d491) !important;
    border: 1px solid #b5ffcfb0 !important;
    border-radius: .75rem !important;
}
body .match-notification-experience .match-urgent-entry .match-urgent-entry-button:disabled { color: #c7ddcf !important; background: #24463b !important; }
body .match-notification-experience .match-urgent-entry .match-urgent-entry-button::before { display: block !important; }
body .match-notification-experience .match-urgent-entry-status { color: #c0dfcf !important; font-size: .55rem !important; }
body .match-urgent-launcher {
    right: calc(1rem + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(1rem + max(env(safe-area-inset-bottom, 0px), var(--maui-safe-area-bottom, 0px))) !important;
    color: #effff4 !important;
    font-size: .65rem !important;
    background: linear-gradient(110deg, #113c2e, #0a251f) !important;
}
body .match-urgent-launcher span {
    color: #effff4 !important;
    font-size: .65rem !important;
}
body .match-urgent-launcher[hidden] { display: none !important; }
body:has(> .match-publish-modal) #pullRefreshIndicator { display: none !important; }

@keyframes urgentSweep { to { transform: rotate(360deg); } }
@keyframes urgentRipple { 0% { opacity: .15; transform: scale(.86); } 48% { opacity: .78; } 100% { opacity: .17; transform: scale(1.08); } }
@keyframes urgentBeacon { 50% { filter: brightness(1.35); box-shadow: 0 0 1.7rem #79ffafbd; } }
@keyframes urgentAura { 50% { transform: translate(-2rem, 2rem) scale(1.15); opacity: .55; } }
@keyframes urgentFloat { 50% { transform: translateY(-.45rem); } }
@keyframes urgentRise { from { opacity: 0; transform: translateY(.7rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes urgentBars { to { height: 1rem; } }
@keyframes urgentShine { 0%, 62%, 100% { transform: rotate(25deg) translateX(-22rem); } 78% { transform: rotate(25deg) translateX(38rem); } }

@media (max-width: 650px) {
    .match-urgent-entry { grid-template-columns: 1fr; padding: 1.1rem; }
    .match-urgent-entry-atmosphere { right: -2rem; top: 3rem; width: 10rem; height: 10rem; }
    .match-urgent-entry-action { width: 100%; justify-items: stretch; }
    .match-urgent-flow { min-height: calc(100dvh - 6rem); padding: 1rem; }
    .match-urgent-prompt-stage { grid-template-columns: 1fr; gap: 0; min-height: 0; }
    .match-urgent-prompt-stage .match-urgent-visual { width: min(13rem, 58vw); margin: 0 auto; }
    .match-urgent-prompt-copy { margin: -.25rem 0 1.2rem; }
    .match-urgent-flow-footer { align-items: stretch; }
    .match-urgent-actions { width: 100%; }
    .match-urgent-actions button:first-child { flex: 1 1 auto; }
    .match-urgent-progress-head { grid-template-columns: 1fr 5rem; }
    .match-urgent-progress-head .match-urgent-visual { width: 5rem; }
    body .match-publish-modal.is-urgent .match-urgent-flow {
        width: calc(100% - 1rem) !important;
        min-height: 0 !important;
        margin: .5rem auto 0 !important;
        padding: 1rem !important;
    }
    body .match-publish-modal.is-urgent .match-publish-modal-body {
        padding-bottom: calc(1.5rem + var(--urgent-safe-bottom)) !important;
        scroll-padding-bottom: calc(1.5rem + var(--urgent-safe-bottom)) !important;
    }
    body .match-publish-modal.is-urgent .match-urgent-prompt-stage { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; }
    body .match-publish-modal.is-urgent .match-urgent-progress-head { grid-template-columns: minmax(0, 1fr) 5rem !important; }
    body .match-notification-experience .match-urgent-entry { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 768px) {
    body .match-urgent-launcher {
        bottom: calc(4.3rem + max(env(safe-area-inset-bottom, 0px), var(--maui-safe-area-bottom, 0px))) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .match-urgent-entry *, .match-urgent-flow *, .match-urgent-launcher * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    body .match-publish-modal.is-urgent .match-urgent-visual-ring,
    body .match-publish-modal.is-urgent .match-urgent-visual-sweep,
    body .match-publish-modal.is-urgent .match-urgent-visual-node { animation-play-state: paused !important; }
}