@charset "UTF-8";
:root{--orange:#ff642f;--orange2:#ff9c45;--night:#090f1d;--paper:#fff;--muted:#aab3c5;font-family:Inter,Arial,Helvetica,sans-serif;color-scheme:dark}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--night);color:#fff}button,summary{font:inherit;cursor:pointer}.spot-stage{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:url('/images/flirtspot-background.webp') center/cover no-repeat}.spot-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(5,10,22,.96) 0,rgba(5,10,22,.82) 38%,rgba(5,10,22,.28) 72%,rgba(5,10,22,.42)),linear-gradient(0deg,rgba(5,10,22,.75),transparent 45%)}.spot-nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:14px clamp(18px,5vw,68px);border-bottom:1px solid rgba(255,255,255,.14);background:rgba(7,12,24,.68);backdrop-filter:blur(8px)}.spot-nav img{width:min(210px,48vw);height:auto}.nav-login{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:11px 19px;color:#fff;background:rgba(255,255,255,.08);font-weight:850}.nav-login:hover,.nav-login:focus-visible{background:#fff;color:#151926}.spot-copy{position:absolute;left:clamp(22px,7vw,92px);top:50%;width:min(520px,48vw);transform:translateY(-48%);text-shadow:0 3px 28px #000}.live-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 13px;background:rgba(7,13,27,.74);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.live-pill i{width:9px;height:9px;border-radius:50%;background:#36e082;box-shadow:0 0 0 6px rgba(54,224,130,.14)}.brand-display{margin:18px 0 12px;font-size:clamp(2.55rem,5.8vw,5.7rem);font-weight:950;line-height:.93;letter-spacing:-.055em}.brand-lead{max-width:510px;margin:0 0 24px;color:#e4e9f3;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.55}.main-cta{border:0;border-radius:16px;padding:15px 24px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#15101a;font-weight:950;box-shadow:0 15px 36px rgba(255,100,47,.3)}.face-deck{position:absolute;right:clamp(20px,6vw,82px);bottom:70px;display:flex;align-items:flex-end;gap:18px}.face-card{position:relative;width:clamp(150px,16vw,225px);aspect-ratio:.78;border:1px solid rgba(255,255,255,.28);border-radius:30px;padding:0;overflow:hidden;background:#111827;box-shadow:0 22px 70px rgba(0,0,0,.52);transition:transform .2s ease}.face-card:hover,.face-card:focus-visible{transform:translateY(-8px)}.face-card img{width:100%;height:100%;object-fit:cover}.face-card span{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-start;border-radius:14px;padding:10px 12px;background:rgba(6,10,21,.78);backdrop-filter:blur(7px);text-align:left}.face-card small{color:#a9f2c6}.card-one{transform:rotate(-4deg)}.card-one:hover,.card-one:focus-visible{transform:rotate(-4deg) translateY(-8px)}.card-two{transform:translateY(-34px) rotate(5deg)}.card-two:hover,.card-two:focus-visible{transform:translateY(-42px) rotate(5deg)}.adult-note{position:absolute;left:clamp(22px,7vw,92px);bottom:26px;margin:0;color:#d0d6e2;font-size:.78rem}.article-fold{background:#fff;color:#1c2433;border-top:5px solid var(--orange)}.article-fold>summary{padding:22px clamp(18px,7vw,96px);font-weight:900;color:#222a38;background:#fff4ee;list-style:none}.article-fold>summary:after{content:"＋";float:right;color:var(--orange)}.article-fold[open]>summary:after{content:"−"}.article-body{max-width:900px;margin:auto;padding:28px 22px 70px;line-height:1.75}.article-body h1,.article-body h2,.article-body h3{line-height:1.15;color:#111827}.article-body h1{font-size:clamp(2rem,4vw,3.4rem)}.article-body h2{margin-top:2.3em}.article-body a{color:#c33e11}.article-body table{width:100%;border-collapse:collapse}.article-body td,.article-body th{border:1px solid #dce1e9;padding:10px;text-align:left}.veil-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(3,8,18,.78);backdrop-filter:blur(10px)}.veil-box{width:min(520px,94vw);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:clamp(24px,5vw,42px);background:linear-gradient(150deg,rgba(17,25,44,.98),rgba(8,13,26,.98));box-shadow:0 32px 100px #000;text-align:center}.veil-box img{width:min(220px,65vw);height:auto}.gate-label{display:block;margin:12px auto 0;color:#ffb28e;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.veil-title{margin:10px 0 8px;font-size:clamp(1.8rem,5vw,3rem);font-weight:950}.veil-text{margin:0 auto 24px;max-width:430px;color:#bdc7d8;line-height:1.55}.gate-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.veil-accept,.veil-decline{border-radius:14px;padding:14px 16px;font-weight:900}.veil-accept{border:0;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#17111a}.veil-decline{border:1px solid rgba(255,255,255,.23);background:transparent;color:#fff}
@media(max-width:850px){.spot-stage{min-height:840px;background-position:55% center}.spot-stage:before{background:linear-gradient(0deg,rgba(5,10,22,.96) 0,rgba(5,10,22,.72) 65%,rgba(5,10,22,.35))}.spot-copy{position:relative;left:auto;top:auto;width:auto;transform:none;padding:74px 20px 0;text-align:center}.brand-display{font-size:clamp(2.55rem,12vw,4.2rem)}.brand-lead{margin-left:auto;margin-right:auto}.face-deck{position:relative;right:auto;bottom:auto;justify-content:center;margin:60px auto 86px;padding:0 16px}.face-card{width:min(40vw,210px)}.adult-note{left:20px;right:20px;text-align:center}.spot-nav{padding-inline:16px}}
@media(max-width:520px){.spot-stage{min-height:780px}.nav-login{padding:9px 12px;font-size:.78rem}.spot-copy{padding-top:52px}.face-deck{gap:8px;margin-top:48px}.face-card{width:43vw;border-radius:22px}.card-two{transform:translateY(-18px) rotate(4deg)}.card-two:hover,.card-two:focus-visible{transform:translateY(-24px) rotate(4deg)}.gate-actions{grid-template-columns:1fr}.veil-box{border-radius:24px;padding:25px 18px}.article-body{overflow-wrap:anywhere}.article-body table{display:block;overflow-x:auto}}
