
.encuentros-page [aria-current=page]{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:6px}.demo-banner{padding:13px 6%;background:#2c1d1c;border-bottom:1px solid #66503b;display:flex;align-items:center;gap:20px;font-size:12px;color:#eadcc5}.demo-banner strong{font-size:10px;letter-spacing:1.8px;color:var(--gold);white-space:nowrap}.encounter-hero{padding:76px 8% 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:radial-gradient(ellipse at 77% 40%,#4e182b66,transparent 52%)}.encounter-hero h1{font-size:clamp(54px,6vw,85px)}.encounter-lead{font-size:17px;margin:27px 0;color:#d2c2c9}.encounter-hero .small{margin-top:20px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #845d5055;border-radius:50%;width:390px;height:300px;transform:rotate(-26deg)}.orbit-two{transform:rotate(40deg);width:310px;height:390px}.art-card{position:absolute;border:1px solid #c89b6b66;border-radius:90px 90px 8px 8px;width:180px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;box-shadow:0 20px 60px #0008}.card-left{transform:translate(-65px,-10px) rotate(-13deg);background:linear-gradient(145deg,#673845,#29121f)}.card-right{transform:translate(65px,18px) rotate(12deg);background:linear-gradient(145deg,#55504c,#191a27)}.art-card span{font-family:'Playfair Display',serif;font-size:90px;color:#eac9ab;font-style:italic}.art-card small{font-size:8px;letter-spacing:2px}.art-connection{position:relative;z-index:2;font-size:36px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#21121bd9;border:1px solid #a17762;color:#edbfb5}.hero-art>p{position:absolute;bottom:0;font-size:9px;letter-spacing:2px;color:var(--gold)}.encounter-catalogue{border-top:1px solid var(--line)}.encounter-filters{display:flex;align-items:end;gap:24px;margin-bottom:20px}.encounter-filters label{display:grid;gap:9px;font-size:11px;color:var(--muted);min-width:200px}.encounter-filters select{background:#1d151c;color:var(--text);border:1px solid #5a3c46;padding:13px 35px 13px 12px;border-radius:4px;font:inherit;font-size:13px}.encounter-filters select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#resultCount{margin-bottom:20px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.profile-card{border:1px solid var(--line);background:#151015;border-radius:8px;overflow:hidden}.profile-portrait{aspect-ratio:4/3;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 10%,#92515b99,transparent 65%),#2d1423}.profile-portrait:before{content:'';position:absolute;width:160px;height:210px;border:1px solid #efc49f55;border-radius:90px 90px 8px 8px;transform:rotate(-12deg)}.profile-portrait:after{content:'';position:absolute;inset:12px;border:1px solid #edb39522;border-radius:4px}.profile-portrait.ink{background:radial-gradient(ellipse at 60% 10%,#646d8d99,transparent 70%),#191b29}.profile-portrait.amber{background:radial-gradient(ellipse at 60% 10%,#ab795999,transparent 70%),#34261e}.profile-initial{font-size:75px;font-family:'Playfair Display',serif;font-style:italic;color:#efd0b2;z-index:1}.demo-tag{position:absolute;left:16px;top:16px;font-size:9px;letter-spacing:1.3px;padding:6px 8px;background:#0d0b0d99;color:#f7e5cf;z-index:1}.photo-placeholder{position:absolute;bottom:14px;left:16px;font-size:9px;letter-spacing:1px;color:#e9d8ca}.profile-copy{padding:24px}.profile-copy h3{font-size:27px}.profile-city{color:var(--gold);font-size:11px;margin:5px 0 16px}.profile-bio{font-size:13px;color:var(--muted);min-height:70px}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 22px}.profile-tags span{border:1px solid #59404b;border-radius:30px;padding:5px 9px;color:#dcc9cf;font-size:10px}.profile-copy .button{width:100%;font-size:12px}.sharing-explainer{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:#160e14;max-width:none;border-block:1px solid var(--line)}.sharing-explainer>div>p:not(.eyebrow){margin-top:24px;color:var(--muted);max-width:580px}.permission-steps article{display:flex;gap:20px;margin:10px 0 28px}.permission-steps article>span{font-size:23px;font-family:Georgia,serif;color:var(--gold)}.permission-steps h3{font-size:25px}.permission-steps p{font-size:13px;color:var(--muted);margin-top:8px}.demo-ending{text-align:center;padding:80px 8%}.demo-ending>p:not(.eyebrow){max-width:580px;margin:25px auto;color:var(--muted);font-size:14px}#profileDialog{max-width:830px}.detail-top{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center;margin-bottom:26px}.detail-top .profile-portrait{aspect-ratio:1;border-radius:8px}.detail-top .profile-portrait:before{width:90px;height:130px}.detail-top h3{font-size:29px;margin-bottom:6px}.detail-top p{color:var(--muted);font-size:13px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;background:#1e151c;border-radius:6px;margin:22px 0}.profile-facts dt{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.profile-facts dd{font-size:13px;margin:0;line-height:1.5}.private-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:28px 0 15px}.private-heading h3{font-size:24px}.private-heading span{font-size:9px;color:var(--gold);letter-spacing:1px}.private-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.private-slot{aspect-ratio:4/3;border-radius:6px;border:1px dashed #795462;background:repeating-linear-gradient(135deg,#2b1b25,#2b1b25 8px,#281923 8px,#281923 16px);display:grid;place-content:center;text-align:center;gap:7px;color:#d1b9c3}.private-slot b{font-size:26px;font-weight:400}.private-slot span{font-size:10px}.private-slot.allowed{border-style:solid;background:linear-gradient(135deg,#63394a,#332235);color:#f4e3ca}.permission-demo{border-left:2px solid var(--gold);padding:0 0 0 15px;margin:20px 0}.permission-demo p{font-size:12px;color:#ddcdd3;margin-bottom:10px}.profile-end{display:flex;align-items:center;gap:18px;margin-top:25px;flex-wrap:wrap}.profile-end .small{flex:1;min-width:180px}.profile-end button:disabled{opacity:.55}.optional-note{font-size:11px;color:var(--muted)}
@media(max-width:950px){.encounter-hero{padding:60px 6%;gap:20px}.hero-art{height:340px}.art-orbit{width:280px;height:220px}.orbit-two{width:220px;height:280px}.art-card{width:140px;height:210px;gap:24px}.art-card span{font-size:68px}.card-left{transform:translate(-45px,-10px) rotate(-13deg)}.card-right{transform:translate(45px,18px) rotate(12deg)}.profile-grid{gap:14px}.profile-copy{padding:18px}.profile-bio{min-height:95px}.sharing-explainer{gap:35px}.encounter-filters label{min-width:170px}}
@media(max-width:640px){.demo-banner{display:block;padding:12px 6%;line-height:1.6}.demo-banner strong{display:block;margin-bottom:4px}.demo-banner span{font-size:11px}.encounter-hero{grid-template-columns:1fr;padding:48px 6% 30px}.encounter-hero h1{font-size:57px}.encounter-lead{font-size:15px}.hero-art{height:315px;margin-top:12px}.encounter-filters{flex-wrap:wrap;gap:14px}.encounter-filters label{min-width:0;flex:1 1 140px}.encounter-filters select{width:100%}.profile-grid{grid-template-columns:1fr;gap:25px}.profile-portrait{aspect-ratio:4/2.8}.profile-copy{padding:24px}.profile-bio{min-height:0}.sharing-explainer{grid-template-columns:1fr;gap:30px}.detail-top{grid-template-columns:95px 1fr;gap:15px}.detail-top .profile-portrait:before{width:60px;height:85px}.detail-top .profile-initial{font-size:45px}.profile-facts{gap:17px;padding:17px}.private-grid{gap:7px}.private-heading{display:block}.private-heading span{display:block;margin-top:8px}.private-slot span{font-size:9px}.demo-ending{padding:60px 7%}.encuentros-page header .brand span{display:none}.encuentros-page header nav{gap:15px}.encuentros-page header nav a{font-size:11px}}

.date-invite{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.date-invite p:not(.eyebrow){color:var(--muted);margin:25px 0;max-width:550px}.date-invite .small{font-size:11px}.date-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:rotate(-3deg)}.date-visual>div{background:linear-gradient(145deg,#6c3f4a,#23131d);aspect-ratio:3/4;border:1px solid #b08d6666;border-radius:60px 60px 6px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.date-visual>div+div{background:linear-gradient(145deg,#55556c,#191926)}.date-visual span{font-size:8px;letter-spacing:1.4px}.date-visual b{font-size:60px;color:var(--gold);font-weight:400}.date-visual>p{grid-column:1/-1;text-align:center;font-size:9px;letter-spacing:1.5px;color:var(--gold)!important;margin:10px 0!important}.room-heading{padding:52px 6% 38px;display:flex;gap:40px;align-items:end;justify-content:space-between}.room-heading h1{font-size:clamp(35px,4.1vw,58px);letter-spacing:-1.5px}.room-heading>p{font-size:13px;color:var(--muted);max-width:310px}.room-layout{padding:0 6% 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;max-width:1450px;margin:auto}.video-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-tile{position:relative;min-height:280px;border:1px solid #6a3c4c;border-radius:9px;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at top,#60364b77,transparent),#1d111c}.video-tile.second{background:radial-gradient(ellipse at top,#49476488,transparent),#14131e;border-color:#54506b}.tile-label{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.5px;color:#dfd0d8}.video-tile b{font-family:Georgia,serif;color:var(--gold);font-size:37px;font-weight:400}.video-tile p{font-size:11px;color:var(--muted);margin-top:15px}.tile-bottom{position:absolute;bottom:18px;font-size:9px;color:var(--muted);left:10px;right:10px}.call-controls{display:flex;gap:10px;margin:14px 0}.device-button{background:#1d1820;border:1px solid #57424f;border-radius:25px;padding:10px 12px;font-size:10px;flex:1;opacity:.65}.room-entry{background:#21141e;border:1px solid #65404e;padding:24px;border-radius:7px;margin-top:22px}.room-entry p{font-size:13px;color:#dfcdd5;margin-bottom:18px}.room-rules{padding-top:28px}.room-rules .eyebrow{margin-bottom:13px}.room-rules>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:10px}.room-game{border:1px solid #634738;border-radius:9px;padding:24px 20px;background:radial-gradient(ellipse at top,#4f2b2744,transparent),#171014;display:flex;align-items:center;flex-direction:column;text-align:center}.game-label{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:1.5px;color:var(--gold);margin-bottom:23px}.game-label b{border:1px solid #826343;padding:5px 8px;border-radius:3px;font-size:10px;white-space:nowrap}.room-card{padding:0;border:0;background:transparent;width:min(240px,100%);aspect-ratio:1489/2079;border-radius:9px;overflow:hidden;box-shadow:0 12px 35px #0008}.room-card img{height:100%;width:100%;object-fit:contain}.room-game>.text-link{margin-top:13px}.turn-label{font-size:11px;color:#e8d7bd;margin:20px 0 14px}.room-card-controls{display:flex;align-items:center;gap:18px}.room-card-controls .button{font-size:12px;padding:13px 17px}.room-game>#roomCardStatus{margin-top:14px}.room-sync-note{max-width:290px;margin-top:20px;font-size:10px}.room-footer{border-top:1px solid var(--line);padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-footer span{font-size:10px;color:var(--muted)}#roomCardDialog{max-width:620px}#roomLargeCard{height:auto;max-height:75svh;width:auto;max-width:100%;object-fit:contain;margin:0 auto;border-radius:8px}
@media(max-width:950px){.date-invite{gap:35px}.room-heading{display:block}.room-heading>p{max-width:650px;margin-top:22px}.room-layout{gap:20px;grid-template-columns:1.2fr 1fr}.video-tiles{grid-template-columns:1fr}.video-tile{min-height:190px}.call-controls{flex-wrap:wrap}.device-button{flex-basis:120px}.game-label{gap:10px}.room-game{padding:23px 15px}}
@media(max-width:640px){.date-invite{grid-template-columns:1fr}.date-visual{max-width:310px;margin:auto;width:100%}.room-heading{padding:35px 6% 30px}.room-heading h1{font-size:37px}.room-layout{grid-template-columns:1fr}.video-tiles{grid-template-columns:1fr 1fr}.video-tile{min-height:200px}.tile-label{left:12px;top:15px;font-size:7px}.room-card{width:270px;max-width:100%}.room-footer{align-items:start;flex-direction:column}.room-game{padding:25px}.room-entry{padding:21px}}
