@font-face{font-family:system;src:local("Inter"),local("Segoe UI");font-display:swap}*{box-sizing:border-box}html{background:#14101c;color:#f9f3fb}body{margin:0;font-family:system,"Segoe UI",Arial,sans-serif;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 65vw 65vw at 76% 0%,#321b36 0%,transparent 72%),linear-gradient(145deg,#18131f,#110f1a 85%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a{color:inherit;text-decoration:none}:root{--accent:#e781ae;--accent2:#c8508a;--surface:#251e2d;--panel:#211b2a;--line:#49394e;--muted:#baadc2;--text:#faf5fb;--gold:#f0cda0}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.23;border-radius:50%;z-index:0}.ambient-1{width:350px;height:350px;background:#a63669;top:10%;right:-140px}.ambient-2{width:300px;height:300px;background:#7454be;bottom:-150px;left:-100px}.site-shell{max-width:1520px;min-height:100vh;margin:auto;padding:0 4.7vw;display:flex;flex-direction:column;position:relative;z-index:1}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.identity{display:flex;gap:12px;align-items:center;letter-spacing:.13em}.identity strong{display:block;font-weight:850;font-size:14px}.identity small{font-weight:800;display:block;color:#e8a5bc;font-size:10px;margin-top:4px;letter-spacing:.22em}.brand-mark{border:1px solid #ba7099;color:#e5a7c5;display:grid;place-items:center;border-radius:13px;width:39px;height:39px;font-size:27px;background:#4b293f}.muted{color:#817687}.topright{display:flex;align-items:center;gap:12px}.version{font-size:10px;color:#a39cae;letter-spacing:.12em}.icon-button{border:1px solid #4e3e55;background:#2a2230;color:#eee;border-radius:12px;width:35px;height:35px}.icon-button:hover,.icon-button[aria-pressed="true"]{border-color:#f0a8cf;color:#ffaad3}.landing{display:grid;grid-template-columns:1.05fr .95fr;gap:4%;align-items:center;min-height:min(710px,calc(100vh - 185px));padding:44px 0 32px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#e5a6c2;font-size:11px;letter-spacing:.17em;font-weight:800}.live-dot{width:8px;height:8px;background:#ea72a3;border-radius:50%;box-shadow:0 0 18px #e754a2}.hero-copy h1{font-size:clamp(43px,5.1vw,81px);letter-spacing:-.064em;line-height:1.02;font-weight:850;margin:28px 0 25px;max-width:720px}.hero-copy h1 em{font-style:normal;color:#efa5cb;background:linear-gradient(100deg,#ffcae2,#c27bc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lead{color:#c3b5c9;font-size:clamp(15px,1.25vw,18px);line-height:1.8;max-width:580px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:29px 0}.pills span{border:1px solid #584259;color:#d4b5cf;border-radius:6px;padding:9px 12px;font-size:9px;letter-spacing:.15em;font-weight:750}.landing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{border:0;min-height:46px;padding:13px 20px;border-radius:12px;color:white;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(125deg,#e16d9e,#a84e8f);box-shadow:0 6px 26px #9c2f7060}.btn-secondary{background:#3b2c40;border:1px solid #604764}.btn-text{background:transparent;color:#f0bed7}.btn-quiet{background:#2b2434;color:#eadcea;border:1px solid #534258}.btn-danger{background:#713d57;color:white}.btn-small{font-size:12px;min-height:37px;padding:8px 14px}.btn-block{width:100%}.privacy-note{display:flex;align-items:flex-start;gap:9px;color:#94849d;font-size:11px;line-height:1.6;max-width:530px;margin-top:26px}.privacy-icon{font-size:22px;color:#d6a2c2}.hero-art{position:relative;min-height:595px;display:flex;align-items:center;justify-content:center}.host-img-frame{width:min(82%,380px);height:540px;border-radius:210px 210px 34px 34px;overflow:hidden;position:relative;z-index:2;box-shadow:0 25px 85px #1b0c2f,0 0 2px 1px #e794bd40;border:1px solid #c378a4aa}.host-img-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#18121f 100%);pointer-events:none}.host-img-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(1.08)}.halo{position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid #d775a54a;box-shadow:0 0 0 50px #a54a7920,0 0 0 100px #8c416b0c;z-index:0}.hero-speech{position:absolute;bottom:30px;right:0;z-index:3;background:#292031ed;border:1px solid #866083;border-radius:16px;display:flex;align-items:center;gap:14px;padding:15px 18px;box-shadow:0 14px 45px #0008}.hero-speech-icon{color:#f4bfd3;font-size:30px}.hero-speech small{display:block;color:#cf9eb9;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:5px}.hero-speech strong{font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:5px 0 38px}.features>div{background:#241d2bb5;border:1px solid #403146;border-radius:16px;padding:20px 23px}.features span{font-weight:750;font-size:10px;letter-spacing:.15em;color:#e3a3c2;display:block;margin-bottom:10px}.features strong{font-size:16px}.features p{font-size:12px;color:#ae9fb6;line-height:1.6;margin-bottom:0}.bottom{margin-top:auto;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#877a8f;letter-spacing:.09em;border-top:1px solid #ffffff0f}.modal{background:#231b2e;color:#fff;border:1px solid #674b6c;border-radius:22px;padding:0;max-width:min(94vw,480px);width:100%;box-shadow:0 35px 100px #000b}.modal::backdrop{background:#080611d9;backdrop-filter:blur(5px)}#modalForm{padding:31px}.modal-close{float:right;border:0;background:#46344e;color:white;border-radius:50%;width:30px;height:30px;font-size:22px}.modal h2{margin:0 0 10px;font-size:27px;letter-spacing:-.04em}.modal p{color:#c0afc6;line-height:1.6;font-size:13px}.form-group{display:flex;flex-direction:column;gap:7px;margin:19px 0}.form-group label{font-size:11px;color:#d8b9cf;font-weight:800;letter-spacing:.09em}.input,select,textarea{background:#15111d;border:1px solid #5b4560;border-radius:10px;color:white;min-height:48px;padding:12px 14px;width:100%;outline:none}.input:focus,select:focus,textarea:focus{border-color:#f09ac5;box-shadow:0 0 0 3px #de75a321}textarea{resize:vertical;line-height:1.6}.form-hint{color:#96869f;font-size:11px}.toast{position:fixed;z-index:200;bottom:22px;left:50%;transform:translate(-50%,25px);background:#f4e6ed;color:#241827;border-radius:11px;padding:13px 20px;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw;box-shadow:0 12px 60px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Lobby and active game */
.game-wrap{padding:28px 0 42px;display:flex;flex-direction:column;gap:19px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.game-heading h1{font-size:27px;letter-spacing:-.05em;margin:0}.subtitle{font-size:12px;color:#b9a8bd;margin-top:6px}.room-tag{background:#302539;border:1px solid #654b6b;padding:11px 15px;border-radius:12px;color:#ffb5d0;font-size:12px;font-weight:850;letter-spacing:.18em}.room-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.game-layout{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(290px,1.48fr) minmax(260px,1fr);gap:16px;align-items:start}.glass-card{border:1px solid #4c3952;background:#211b29d9;border-radius:20px;overflow:hidden;box-shadow:0 16px 52px #0002}.panel-pad{padding:20px}.panel-title{font-size:10px;letter-spacing:.18em;font-weight:850;color:#d7a2c2;display:flex;align-items:center;gap:7px;margin-bottom:17px}.host-card{display:flex;align-items:center;gap:14px}.host-card img{width:90px;height:108px;object-fit:cover;border-radius:13px;border:1px solid #926786}.host-card h2{font-size:22px;margin:2px 0 6px}.host-card small{color:#d79fc3;letter-spacing:.1em;font-size:9px}.host-card p{font-size:11px;line-height:1.5;color:#b9a6bd}.host-line{margin-top:20px;background:#36263a;border:1px solid #674564;border-radius:14px;padding:17px;color:#efd9eb;font-size:14px;line-height:1.6;font-style:italic}.host-line::before{content:'“';font-size:32px;color:#df9bbb;line-height:0;vertical-align:-11px;margin-right:5px}.microcopy{color:#98899e;font-size:11px;line-height:1.65}.divider{height:1px;background:#46344d;margin:19px 0}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #60445d;color:#eeb6d2;padding:7px 10px;border-radius:7px;font-size:10px;letter-spacing:.08em;font-weight:750}.demo-tag{color:#facd8a;border-color:#956f4b}.nick-list{display:flex;gap:7px;flex-wrap:wrap}.nick{background:#382c42;border:1px solid #4e3a56;border-radius:30px;color:#d8c1d8;padding:7px 11px;font-size:11px}.nick.me{border-color:#d77ba8;color:white}.host-controls select{margin:9px 0 10px}.profile-card{position:relative;min-height:460px;background:#1c1725}.profile-visual{position:relative;height:370px;overflow:hidden;border-bottom:1px solid #4a3c51;background:radial-gradient(circle at 50% 40%,#634361,#1a1722 67%)}.profile-visual>img{height:100%;width:100%;object-fit:contain;object-position:50% 45%;filter:saturate(.95)}.profile-visual .overlay{position:absolute;inset:0;background:linear-gradient(0deg,#191520 4%,transparent 47%);pointer-events:none}.profile-visual .rank{position:absolute;top:19px;left:18px;z-index:2}.profile-visual .profile-meta{position:absolute;bottom:18px;left:23px;right:15px;z-index:2}.profile-meta h2{margin:0;font-size:30px;letter-spacing:-.045em}.profile-meta p{margin:5px 0;color:#e2c6de;font-size:12px}.question-panel{padding:22px 24px 24px}.question-label{font-size:10px;color:#e2a5c7;letter-spacing:.15em;font-weight:850}.question-panel h3{font-size:clamp(20px,2vw,27px);line-height:1.35;letter-spacing:-.032em;margin:12px 0 10px}.question-panel p{font-size:11px;color:#a99aac;margin:10px 0 0;line-height:1.5}.center-empty{display:grid;place-items:center;min-height:470px;padding:45px 25px;text-align:center;background:radial-gradient(circle at center,#473046 0%,#241c2f 48%,#1f1927)}.center-empty .ghost-mark{font-size:84px;color:#edb0cb;line-height:1}.center-empty h2{font-size:clamp(25px,3vw,35px);margin:10px 0}.center-empty p{max-width:380px;color:#c0acc6;font-size:13px;line-height:1.7}.vote-action{background:#2d2334;border:1px solid #5d4161;width:100%;border-radius:12px;min-height:49px;color:#f2deeb;text-align:left;padding:12px 16px;margin-top:9px;display:flex;align-items:center;gap:11px;font-weight:600;font-size:13px}.vote-action:hover{border-color:#d07eac;background:#41304a}.vote-action.selected{background:#6d375d;border-color:#e39dbe}.vote-index{font-size:10px;color:#e6a7c8;border:1px solid #a06c8e;width:22px;height:22px;border-radius:7px;display:grid;place-items:center}.vote-result{display:flex;align-items:center;gap:9px;color:#ecc7df;font-size:13px;margin:18px 0}.vote-result i{display:block;width:8px;height:8px;background:#d685a7;border-radius:50%}.progress-shell{height:7px;background:#463249;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ca5f95,#eab0cb);transition:width .25s}.results-row{margin-bottom:16px}.results-row .bar-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:7px}.results-row .bar-line strong{font-weight:850;color:#f7cadc}.results-row .progress-shell{height:9px}.anon-text{background:#35283e;border-left:3px solid #cf76a7;border-radius:9px;padding:13px 14px;margin:9px 0;color:#eee1f0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.vote-placeholder{padding:28px 14px;text-align:center;color:#afa0b5;font-size:13px;line-height:1.7}.big-number{font-size:46px;color:#ffe1ee;letter-spacing:-.055em;line-height:1}.statusline{font-size:12px;color:#c3abc7;line-height:1.65}.review-option{display:flex;gap:10px;align-items:flex-start;padding:12px 10px;border-radius:10px;background:#31263b;margin:10px 0;font-size:12px;line-height:1.5}.review-option input{margin-top:2px;accent-color:#d5759b}.back-link{border:0;background:none;color:#cda2c2;font-size:11px;letter-spacing:.05em;padding:5px 0}.info-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.info-tiles div{border:1px solid #504054;background:#32273c;border-radius:11px;padding:12px}.info-tiles b{display:block;font-size:18px}.info-tiles span{font-size:10px;color:#ab9aaf}.notice{border-left:3px solid #d49abb;background:#3e2b43;padding:10px 13px;border-radius:7px;font-size:11px;color:#edd4e4;line-height:1.5}.demo-watermark{display:inline-block;font-size:9px;background:#644634;color:#f4d3a5;padding:6px 8px;border-radius:6px;font-weight:800;letter-spacing:.12em}.select-label{display:block;font-size:10px;color:#dfb1cc;font-weight:800;letter-spacing:.09em;margin-bottom:4px}.countdown-signal{color:#a695b0;font-size:11px}.results-empty{font-size:13px;color:#d9c7d8;line-height:1.65}.mobile-only{display:none}
@media(max-width:1160px){.site-shell{padding:0 3vw}.game-layout{grid-template-columns:minmax(180px,.8fr) minmax(255px,1.2fr) minmax(240px,1fr);gap:11px}.panel-pad{padding:17px}.host-card img{width:68px;height:85px}.hero-art{min-height:525px}.host-img-frame{height:470px}.hero-speech{right:0;max-width:93%}.hero-copy h1{font-size:clamp(42px,5vw,68px)}}
@media(max-width:880px){.landing{grid-template-columns:1fr;gap:18px;padding-top:34px;min-height:auto}.hero-copy{order:1}.hero-art{order:2;min-height:460px}.host-img-frame{height:430px;width:340px;max-width:79%}.halo{width:320px;height:320px}.hero-speech{right:3%;bottom:2px}.features{grid-template-columns:1fr}.game-layout{grid-template-columns:1fr 1fr}.profile-card{grid-row:span 2;grid-column:1}.game-layout>.glass-card:first-child{grid-column:2}.game-layout>.glass-card:last-child{grid-column:2}.profile-visual{height:340px}.version{display:none}}
@media(max-width:620px){.site-shell{padding:0 17px}.topbar{min-height:70px}.identity strong{font-size:12px}.identity small{font-size:8px}.hero-copy h1{font-size:clamp(41px,12vw,64px)}.lead{font-size:14px}.landing{padding-top:35px}.hero-art{min-height:450px}.host-img-frame{width:310px;height:420px}.halo{width:280px;height:280px}.hero-speech{bottom:-4px;left:1%;right:1%;padding:13px}.hero-speech strong{font-size:12px}.privacy-note{margin-top:18px}.landing-actions .btn-primary,.landing-actions .btn-secondary{flex:1 1 auto}.features>div{padding:15px 19px}.bottom{font-size:8px;flex-direction:column;justify-content:center;padding:14px 0;text-align:center}.game-heading h1{font-size:25px}.game-layout{display:flex;flex-direction:column}.game-layout>.glass-card{width:100%}.game-layout>.glass-card:first-child{order:3}.game-layout>.glass-card:nth-child(2){order:1}.game-layout>.glass-card:last-child{order:2}.profile-visual{height:min(70vw,345px)}.profile-card{min-height:unset}.game-wrap{padding-top:20px}.panel-pad{padding:19px}.center-empty{min-height:330px}.game-heading{align-items:flex-start}.room-actions{width:100%}.room-tag{margin-left:auto}.game-heading>.subtitle{width:100%}.mobile-only{display:block}.host-card img{width:64px;height:79px}.game-layout>.glass-card:first-child{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v0.2 - duo equilibrado de presentadores en portada y partida */
.hero-duo{isolation:isolate;min-height:590px}
.hero-duo .halo{z-index:-1}
.hero-duo .host-img-frame{position:absolute;width:52%;max-width:300px;height:465px;border-radius:155px 155px 24px 24px;transition:transform .3s ease,box-shadow .3s ease}
.hero-duo .host-frame-valentina{left:0;top:33px;transform:rotate(-3deg);border-color:#cd78a8;box-shadow:0 16px 65px #bd4e8760;z-index:1}
.hero-duo .host-frame-alex{right:0;top:67px;transform:rotate(3deg);border-color:#868bcf;box-shadow:0 16px 65px #4e63b960;z-index:2}
.hero-duo .host-img-frame:hover{transform:rotate(0) translateY(-8px);z-index:4}
.hero-duo .host-frame-valentina img{object-position:50% 31%}
.hero-duo .host-frame-alex img{object-position:50% 15%}
.hero-host-name{position:absolute;bottom:22px;left:0;right:0;z-index:3;text-align:center;font-size:15px;font-weight:850;letter-spacing:.2em;text-shadow:0 2px 8px #000}
.hero-duo-speech{bottom:2px;right:0;left:2%;max-width:97%;z-index:5}
.presenter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.presenter-card{background:#2b2434;border:1px solid #58465f;border-radius:13px;overflow:hidden;transition:border-color .2s,background .2s;min-width:0}
.presenter-card.speaking{border-color:#d48fbb;background:#36243c}
.presenter-card img{display:block;width:100%;height:110px;object-fit:cover;object-position:50% 28%;background:#241a2c}
.presenter-card:nth-child(2) img{object-position:50% 15%}
.presenter-card>div{padding:10px}
.presenter-card h2{font-size:17px;margin:4px 0 5px}
.presenter-card small{font-size:8px;color:#d3a2c3;letter-spacing:.11em;font-weight:800}
.presenter-card p{font-size:10px;color:#af9cb8;margin:0;line-height:1.45}
.presenter-conversation{margin-top:13px;display:flex;flex-direction:column;gap:7px}
.presenter-line{border:1px solid #58415b;background:#342437;padding:10px 13px;border-radius:12px}
.presenter-line.alex-line{background:#23273e;border-color:#404d76}
.presenter-line strong{font-size:10px;color:#f2b8d2;text-transform:uppercase;letter-spacing:.12em}
.presenter-line.alex-line strong{color:#b8bcfc}
.presenter-line p{font-size:12px;line-height:1.55;color:#eadde8;margin:5px 0 0}
@media(max-width:1160px){.hero-duo{min-height:500px}.hero-duo .host-img-frame{height:410px;max-width:260px}.presenter-card img{height:96px}}
@media(max-width:880px){.hero-duo{min-height:480px;max-width:600px;width:100%;margin:0 auto}.hero-duo .host-img-frame{width:45%;max-width:280px;height:400px}.hero-duo .host-frame-valentina{left:4%}.hero-duo .host-frame-alex{right:4%}.presenter-card img{height:112px}}
@media(max-width:620px){.hero-duo{min-height:390px}.hero-duo .host-img-frame{width:51%;height:335px}.hero-duo .host-frame-valentina{left:0;top:15px}.hero-duo .host-frame-alex{right:0;top:37px}.hero-host-name{font-size:11px;bottom:13px}.hero-duo-speech{bottom:0;left:0;right:0;padding:12px;gap:9px}.hero-duo-speech strong{font-size:11px}.hero-duo-speech small{font-size:8px}.presenter-card img{height:115px}}

/* v0.3.3 — Compartir código de sala: visible incluso si falla la primera sincronización. */
.share-room-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,#4d2545,#30203f 64%,#28253e);border:1px solid #a96e98;border-radius:20px;padding:20px 25px;box-shadow:0 15px 45px #0003}
.share-room-main{flex:1 1 240px}.share-room-label{display:block;font-weight:850;letter-spacing:.17em;color:#f2b9d6;font-size:10px}
.share-room-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff;letter-spacing:.21em;font-size:clamp(32px,5vw,53px);font-weight:900;line-height:1.3;margin:6px 0;text-shadow:0 3px 20px #e47bab5c;user-select:all}
.share-room-main p{margin:4px 0 0;color:#e6c8dd;font-size:12px;line-height:1.5}.share-room-side{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:0 1 450px}.share-room-side .btn{min-height:43px;white-space:nowrap}
.room-sync-warning{margin:0;padding:12px 17px;border-radius:12px;border:1px solid #d5a363;background:#4a342a;color:#ffdfa9;font-size:13px}
@media(max-width:620px){.share-room-panel{padding:18px 16px;gap:16px}.share-room-side{width:100%;justify-content:stretch;flex:1 1 100%}.share-room-side .btn{flex:1 1 44%;white-space:normal}.share-room-code{letter-spacing:.17em;font-size:39px}}

/* v0.3.4: Invitación dedicada después de crear sala. */
.invite-wrap{max-width:900px;width:100%;margin:30px auto 56px}.invite-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.invite-card{background:linear-gradient(150deg,#342039,#201a2b 55%,#191724);border:1px solid #92618d;border-radius:26px;padding:clamp(20px,4vw,42px);box-shadow:0 28px 90px #0005}.invite-duo{display:grid;grid-template-columns:96px 1fr 96px;gap:22px;align-items:center;text-align:center;margin-bottom:28px}.invite-duo img{width:96px;height:124px;object-fit:cover;border-radius:65px 65px 14px 14px;border:1px solid #aa6790}.invite-duo .eyebrow{justify-content:center;line-height:1.4}.invite-duo h1{font-size:clamp(29px,4.7vw,52px);letter-spacing:-.05em;margin:14px 0 7px}.invite-duo p{font-size:14px;color:#cdb5d0;line-height:1.6;margin:0}.invite-label{text-align:center;font-size:11px;font-weight:850;letter-spacing:.22em;color:#e8acca}.invite-code{text-align:center;font:900 clamp(40px,8vw,84px)/1.35 ui-monospace,Consolas,monospace;letter-spacing:.19em;color:#fff;text-shadow:0 0 35px #df80ba7a;user-select:all;overflow-wrap:anywhere}.invite-link{max-width:680px;margin:10px auto 24px;border:1px solid #59405a;background:#1a1423;border-radius:12px;padding:12px 16px;text-align:center;color:#d4bdde;font-size:12px;line-height:1.6;overflow-wrap:anywhere;user-select:all}.invite-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.invite-buttons .btn{flex:1 1 190px}.invite-hint{text-align:center;color:#ac97b2;font-size:11px;line-height:1.65;margin:20px auto;max-width:600px}.invite-footer{margin-top:26px;padding-top:20px;border-top:1px solid #5e4560;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#d1b0c9;font-size:12px}.invite-footer .btn{min-width:210px}.form-error{background:#5d263f;border:1px solid #d77e9c;border-radius:10px;padding:11px 14px!important;color:#fff4f7!important;font-size:12px}.form-error[hidden]{display:none}.room-sync-warning{color:#ffd9a6;font-size:12px;margin-top:14px}
@media(max-width:620px){.invite-wrap{margin:20px auto 36px}.invite-duo{grid-template-columns:58px 1fr 58px;gap:9px}.invite-duo img{width:58px;height:79px}.invite-duo .eyebrow{font-size:8px;letter-spacing:.06em}.invite-duo h1{font-size:26px}.invite-duo p{font-size:11px}.invite-code{font-size:clamp(35px,10vw,52px);letter-spacing:.12em}.invite-footer .btn{width:100%}}

/* v0.3.7 — Modal estable durante el uso del teclado virtual */
.modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.modal .input{scroll-margin:16px}

/* v0.4 — optional images for questions */
.round-question-photo{display:block;width:100%;max-height:260px;object-fit:contain;background:#0e0a14;border:1px solid #4c3653;border-radius:16px;margin:8px 0 17px}