.match-modal{position:relative;padding:48px 32px 32px;border-radius:24px;border:none;background:transparent;overflow:hidden;color:#ffffff;min-height:400px;max-width:500px;margin:0 auto;display:flex;flex-direction:column}.match-modal::before,.match-modal::after{content:"";position:absolute;inset:0;z-index:0}.match-modal::before{background-image:linear-gradient(180deg,rgba(8,10,16,0.35) 0%,rgba(8,10,16,0.7) 62%,rgba(8,10,16,0.95) 100%),var(--match-photo);background-size:cover;background-position:center;background-repeat:no-repeat}.match-modal::after{background:radial-gradient(circle at top right,rgba(255,121,189,0.35),transparent 55%),radial-gradient(circle at bottom left,rgba(110,231,255,0.25),transparent 60%),linear-gradient(120deg,rgba(255,138,92,0.18),rgba(255,95,153,0.1),transparent 65%);mix-blend-mode:screen;opacity:0.9}.match-close{position:absolute;top:16px;right:16px;border:none;background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);border-radius:50%;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:background 0.2s,transform 0.2s}.match-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.05)}.match-modal .match-close img{width:18px;height:18px;filter:brightness(0) invert(1)}.match-body{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.match-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;justify-items:center;flex:1 1 auto}.match-media{display:grid;place-items:center;gap:12px;position:relative;width:100%;justify-self:center}.match-hearts img{width:96px;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,0.35))}.match-avatar-hidden{display:none}.match-copy h2{font-size:32px;font-weight:700;color:#ffffff;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.match-copy p{color:rgba(255,255,255,0.9);font-size:16px;margin:0 0 24px;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,0.2)}.match-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto}.match-actions .next-btn,.match-actions .skip-btn{border-radius:16px;padding:14px 24px;min-height:48px;font-size:16px;font-weight:600;width:100%;transition:transform 0.2s,box-shadow 0.2s}.match-actions .next-btn{background:#ffffff;color:var(--LUVIO-pink,#E40C4E);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.match-actions .next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.3)}.match-actions .skip-btn{background:rgba(255,255,255,0.2);color:#ffffff;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(8px)}.match-actions .skip-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px)}@media (min-width:600px){.match-grid{grid-template-columns:minmax(0,1fr);gap:20px}.match-media{padding:0}.match-actions{flex-direction:row;flex-wrap:wrap}.match-actions .next-btn,.match-actions .skip-btn{width:auto}}@media (min-width:900px){.match-modal{padding:40px 36px 32px}.match-copy h2{font-size:32px}.match-copy p{font-size:16px}}