*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1216;--bg-card: #2d1f26;--bg-card-hover: #3d2a33;--accent-pink: #ff4d6d;--accent-coral: #ff6b6b;--accent-gold: #ffd166;--accent-mint: #06d6a0;--accent-purple: #9d4edd;--text-primary: #fef9f3;--text-secondary: #c9b8be;--text-muted: #8a7a80;--gradient-love: linear-gradient(135deg, #ff4d6d 0%, #ff6b6b 50%, #ffd166 100%);--gradient-chaos: linear-gradient(135deg, #9d4edd 0%, #ff4d6d 100%)}html,body{height:100%;overflow:hidden;background:#1a1a1a;font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--text-primary)}#app{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);container-type:size;container-name:app}@media(min-width:481px){body{display:flex;align-items:center;justify-content:center}#app{width:390px;height:844px;aspect-ratio:390 / 844;max-height:min(844px,95vh);max-width:min(390px,calc(95vh * 390 / 844));border-radius:40px;box-shadow:0 0 0 4px #333,0 20px 60px #00000080}}.screen{display:flex;flex-direction:column;align-items:center;height:100%;padding:6cqh 5cqw;gap:2cqh;position:relative;overflow:hidden}.screen h2{font-size:6cqw}.screen p{font-size:3.5cqw;color:var(--text-secondary)}button{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.5cqw;font-weight:600;padding:1.5cqh 5cqw;border:none;border-radius:2cqw;background:var(--accent-pink);color:var(--text-primary);cursor:pointer}input[type=text]{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.5cqw;padding:1.5cqh 3cqw;border:1px solid rgba(255,255,255,.1);border-radius:2cqw;background:#ffffff0d;color:var(--text-primary);flex:1}input[type=text]:focus{outline:none;border-color:var(--accent-pink);box-shadow:0 0 2cqw #ff4d6d33}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes float-up{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-120cqh);opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(3cqh)}to{opacity:1;transform:translateY(0)}}.lobby{justify-content:center;text-align:center;background:radial-gradient(circle at 20% 80%,rgba(255,77,109,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(157,78,221,.1) 0%,transparent 50%),var(--bg-dark)}.floating-hearts{position:absolute;inset:0;pointer-events:none}.floating-heart{position:absolute;bottom:-5cqh;font-size:5cqw;opacity:0;animation:float-up linear infinite}.lobby-content{display:flex;flex-direction:column;align-items:center;gap:4cqh;z-index:1;animation:fade-in-up .8s ease-out}.title-container{display:flex;flex-direction:column;align-items:center;gap:1.5cqh}.game-title{display:flex;align-items:center;gap:3cqw;font-size:12cqw;font-weight:800;line-height:1}.title-bad{background:var(--gradient-chaos);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-heart{font-size:9cqw;animation:heartbeat 1.5s ease-in-out infinite}.title-date{background:var(--gradient-love);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-tagline{font-family:Caveat,cursive;font-size:5.5cqw;color:var(--text-secondary)}.btn-play{display:flex;align-items:center;gap:2cqw;font-size:4.5cqw;font-weight:700;padding:2cqh 8cqw;border-radius:10cqw;background:var(--gradient-love);color:var(--bg-dark);box-shadow:0 1cqh 4cqh #ff4d6d66;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s,box-shadow .2s}.btn-play:active{transform:scale(.97)}.btn-play-icon{font-size:5cqw}.lobby-info{display:flex;gap:4cqw;font-size:3cqw;color:var(--text-muted)}.dater-bio{justify-content:center;padding:4cqh 5cqw;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 100%)}.dater-bio-card{width:100%;text-align:center;background:#ffffff0a;border:1px solid rgba(255,77,109,.2);border-radius:5cqw;padding:4cqh 5cqw;box-shadow:0 1cqh 4cqh #0000004d;animation:fade-in-up .6s ease-out}.dater-bio-title{font-size:3cqw;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2cqh}.dater-bio-image-wrap{width:55cqw;height:55cqw;margin:0 auto 2cqh;border-radius:4cqw;overflow:hidden;border:.8cqw solid rgba(255,77,109,.5);background:var(--bg-card);box-shadow:0 1cqh 5cqh #ff4d6d4d}.dater-bio-image{width:100%;height:100%;object-fit:cover}.dater-bio-name{font-size:7cqw;font-weight:700;margin-bottom:.5cqh}.dater-bio-meta{font-size:3.5cqw;color:var(--text-secondary);margin-bottom:1.5cqh}.dater-bio-occupation{font-size:3.2cqw;color:var(--accent-pink);font-weight:600;margin-bottom:1.5cqh;line-height:1.4}.dater-bio-tagline{font-size:3cqw;color:var(--text-secondary);font-style:italic;margin-bottom:3cqh;line-height:1.4}.dater-bio-start-btn{width:100%;padding:2cqh 5cqw;font-size:4cqw;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#ff4d6d,#ff8c42);border:none;border-radius:3cqw;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dater-bio-start-btn:active{transform:scale(.98)}.create-avatar{justify-content:center;padding:4cqh 5cqw;background:linear-gradient(180deg,#1a0a10,#2d1520,#1a0a10)}.create-avatar-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:2.5cqh;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fade-in-up .4s ease-out}.create-avatar-form{display:flex;flex-shrink:0;width:100%;gap:2cqw;padding-bottom:max(1cqh,env(safe-area-inset-bottom))}.create-avatar-header{text-align:center}.create-avatar-title{font-size:7cqw;font-weight:800;background:linear-gradient(135deg,#ff4d6d,#ff8fab,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1cqh}.create-avatar-progress{font-size:3cqw;color:#fff9;font-weight:500}.question-type-badge{display:inline-block;padding:.8cqh 4cqw;background:#ff4d6d33;border-radius:5cqw;font-size:3cqw;font-weight:600;color:#ff8fab}.your-turn{font-size:4cqw;font-weight:700;color:#06d6a0;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 1.5cqw rgba(6,214,160,.5)}50%{text-shadow:0 0 4cqw rgba(6,214,160,.8),0 0 8cqw rgba(6,214,160,.4)}}.create-avatar-question{font-size:5cqw;font-weight:600;text-align:center;line-height:1.4}.create-avatar-input{flex:1;padding:1.8cqh 3cqw;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.5cqw;border:2px solid rgba(255,77,109,.3);border-radius:3cqw;background:#0000004d;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.create-avatar-input:focus{border-color:#ff4d6d;box-shadow:0 0 2.5cqw #ff4d6d4d}.create-avatar-input::placeholder{color:#fff6}.create-avatar-submit{padding:1.8cqh 5cqw;font-size:3.5cqw;font-weight:700;background:linear-gradient(135deg,#ff4d6d,#ff8fab);color:#fff;border:none;border-radius:3cqw;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.create-avatar-submit:active{transform:scale(.97)}.date{padding:3cqh 4cqw 2cqh;gap:1.5cqh;background:var(--bg-dark);position:relative}.scene-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.scene-img-back{z-index:0}.scene-emote{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:20cqw;opacity:0;pointer-events:none;z-index:2}.date-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:3.5cqw;padding:1.5cqh 3cqw;background:#1e1419cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:3cqw;border:1px solid rgba(255,77,109,.3);z-index:1}.date-phase-label{font-weight:700;color:var(--accent-pink);text-transform:uppercase;letter-spacing:.05em;font-size:3cqw}.compatibility{font-weight:700;font-size:3.5cqw}.date-content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh;z-index:1;min-height:0}.dater-avatar-area{display:flex;flex-direction:column;align-items:center;gap:1cqh}.dater-portrait{width:35cqw;height:35cqw;border-radius:4cqw;object-fit:cover;border:.6cqw solid rgba(255,77,109,.5);box-shadow:0 1cqh 4cqh #ff4d6d4d}.dater-avatar-small .dater-portrait-sm{width:18cqw;height:18cqw;border-radius:3cqw;object-fit:cover;border:.4cqw solid rgba(255,77,109,.4);box-shadow:0 .5cqh 2cqh #ff4d6d33}.dater-name-tag{font-size:3cqw;font-weight:600;color:var(--text-secondary)}.speech-bubble{background:#1e1419d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:2cqh 4cqw;border-radius:3cqw;font-size:3.5cqw;line-height:1.5;width:85%;text-align:center;box-shadow:0 .5cqh 3cqh #0006;color:var(--text-primary);border:1px solid rgba(255,77,109,.3);position:relative;animation:fade-in-up .4s ease-out}.dater-bubble{border-color:#ff4d6d66;background:#1e1419d9}.verdict-bubble{margin-top:1cqh;font-style:italic;color:var(--text-secondary)}.sentence-fade{display:inline;transition:opacity .3s ease-in}.speech-bubble.loading{display:flex;align-items:center;justify-content:center;min-height:6cqh}.loading-dots{display:inline-flex;gap:1cqw;font-size:6cqw;font-weight:700;color:var(--text-muted)}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-1cqh)}}.round-prompt-banner{width:100%;display:flex;justify-content:center;animation:fade-in-up .4s ease-out}.round-prompt-content{background:#23192dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,215,0,.5);border-radius:4cqw;padding:2cqh 5cqw;text-align:center;box-shadow:0 .5cqh 3cqh #00000080,0 0 4cqh #ffd70033;width:90%}.round-prompt-title{font-size:5cqw;font-weight:700;color:var(--accent-gold);text-shadow:0 0 2cqw rgba(255,215,0,.5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1cqh}.round-prompt-subtitle{font-size:3.5cqw;font-weight:500;color:#fff;line-height:1.4}.submitted-answer-oval{display:inline-block;margin-top:1.5cqh;padding:.8cqh 4cqw;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10cqw;font-size:3cqw;font-weight:500;font-style:italic;color:#ffffffe6;max-width:80%;word-break:break-word}.date-input-bar{display:flex;width:100%;gap:2cqw;z-index:1;background:#1e1419d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5cqh 3cqw;padding-bottom:max(1.5cqh,env(safe-area-inset-bottom));border-radius:3cqw}.date-answer-input{flex:1;padding:1.5cqh 3cqw;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.5cqw;background:#ffffff0d;border:2px solid rgba(255,77,109,.2);border-radius:5cqw;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.date-answer-input:focus{border-color:var(--accent-pink);box-shadow:0 0 2cqw #ff4d6d33}.date-answer-input::placeholder{color:var(--text-muted)}.date-submit-btn{width:10cqw;height:10cqw;background:var(--gradient-love);border:none;border-radius:50%;font-size:4cqw;cursor:pointer;box-shadow:0 .5cqh 2cqh #ff4d6d4d;display:flex;align-items:center;justify-content:center;transition:transform .15s}.date-submit-btn:active{transform:scale(.95)}.quality-tracker{display:flex;flex-direction:column;align-items:center;gap:1cqh;width:100%;z-index:1}.quality-tracker-label{font-size:2.5cqw;text-transform:uppercase;letter-spacing:.06em;color:#ffd700b3}.quality-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5cqw}.quality-chip{display:inline-flex;align-items:center;gap:1cqw;border-radius:10cqw;padding:.6cqh 2.5cqw;font-size:2.5cqw;font-weight:700;border:1px solid transparent}.quality-chip.positive{color:#fef3c7;background:#b453095c;border-color:#fcd34de6}.quality-chip.dealbreaker{color:#fecaca;background:#991b1b73;border-color:#f87171f2}.chip-points{font-size:2.2cqw;opacity:.7}.fullscreen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:3cqh;text-align:center;animation:fade-in-up .6s ease-out}.overlay-icon{font-size:12cqw}.overlay-title{font-size:8cqw;font-weight:800;color:#fff;text-shadow:0 0 4cqw rgba(255,77,109,.6)}.overlay-subtitle{font-size:4cqw;color:var(--text-secondary)}.date-begins-overlay{background:linear-gradient(135deg,#1a1216fa,#2d1923fa)}.plot-twist-overlay{background:linear-gradient(180deg,#3c143cfa,#1e0a28fa)}.plot-twist-badge{display:inline-block;background:linear-gradient(90deg,#ff4d6d,#ff8c42);padding:1cqh 5cqw;border-radius:10cqw;font-size:3cqw;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 4cqw #ff4d6d80}.plot-twist-overlay--input{flex-direction:column;justify-content:center;padding:4cqh 5cqw}.plot-twist-overlay--input .overlay-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.plot-twist-form{display:flex;flex-shrink:0;width:100%;gap:2cqw;padding-bottom:max(1cqh,env(safe-area-inset-bottom))}.plot-twist-input{flex:1;padding:1.8cqh 3cqw;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.5cqw;background:#ffffff1a;border:2px solid rgba(255,77,109,.3);border-radius:3cqw;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.plot-twist-input:focus{border-color:#ff4d6d;box-shadow:0 0 2.5cqw #ff4d6d4d}.plot-twist-input::placeholder{color:#fff6}.plot-twist-submit{padding:1.8cqh 5cqw;font-size:3.5cqw;font-weight:700;background:linear-gradient(135deg,#ff4d6d,#ff8c42);color:#fff;border:none;border-radius:3cqw;cursor:pointer;white-space:nowrap}.plot-twist-submit:active{transform:scale(.97)}.end-game-overlay{background:linear-gradient(135deg,#1a1216fa,#2d1923fa)}.end-game-content{display:flex;flex-direction:column;align-items:center;gap:3cqh;text-align:center;padding:5cqw;animation:fade-in-up .6s ease-out}.end-game-title{font-size:8cqw;font-weight:800;background:linear-gradient(135deg,#ff4d6d,#ff8fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.end-game-compat{display:flex;flex-direction:column;align-items:center;gap:.5cqh}.compat-final{font-size:14cqw;font-weight:800;background:linear-gradient(135deg,#ff4d6d,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.compat-label{font-size:3cqw;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.end-game-section{width:100%}.end-game-section-title{font-size:3cqw;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1cqh}.end-game-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5cqw}.end-game-continue-btn{width:70%;padding:2cqh 5cqw;font-size:4cqw;font-weight:700;background:linear-gradient(135deg,#ff4d6d,#c9184a);color:#fff;border:none;border-radius:3cqw;cursor:pointer;box-shadow:0 .5cqh 3cqh #ff4d6d66;transition:transform .15s}.end-game-continue-btn:active{transform:scale(.97)}.results{justify-content:center;text-align:center;gap:3cqh;background:linear-gradient(135deg,#1a1216fa,#2d1923fa)}.results-title{font-size:7cqw;font-weight:800;background:linear-gradient(135deg,#ff4d6d,#ff8fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-score-circle{font-size:14cqw;font-weight:800;width:35cqw;height:35cqw;border-radius:50%;border:.8cqw solid var(--accent-pink);display:flex;align-items:center;justify-content:center;background:#ff4d6d1a;box-shadow:0 0 4cqw #ff4d6d4d}.results-subtitle{font-size:3.5cqw;color:var(--text-secondary)}.results-section{width:80%;text-align:center}.results-section-title{font-size:3cqw;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1cqh}.results-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5cqw}.btn-play-again{display:flex;align-items:center;gap:2cqw;font-size:4.5cqw;font-weight:700;padding:2cqh 8cqw;border-radius:10cqw;background:var(--gradient-love);color:var(--bg-dark);box-shadow:0 1cqh 4cqh #ff4d6d66;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s}.btn-play-again:active{transform:scale(.97)}