.play-hub,.social-page{max-width:1000px}.social-page{text-align:center}.social-page .types-intro{margin-left:auto;margin-right:auto}.play-emoji{display:inline-block;font-size:3.2rem;line-height:1;margin-bottom:.4rem}.play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.play-card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border-radius:18px;padding:1.6rem;box-shadow:var(--shadow)}.play-card h2{font-size:1.7rem;margin:0}.play-card .btn{align-self:flex-start}.play-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.play-gate a,.play-privacy a{color:var(--heading);font-weight:700}.play-privacy{margin-top:2rem;font-size:.9rem;color:var(--text-muted)}.room-form{display:flex;flex-direction:column;gap:.5rem}.room-form label,.join-panel label,.guess-form label{font-weight:700;color:var(--heading);text-align:left}.room-form input,.join-panel input,.join-panel select,.guess-form input,.share-link-input{padding:.7rem .9rem;border-radius:10px;border:2px solid var(--border);font:inherit}.emoji-picker{display:flex;flex-wrap:wrap;gap:.35rem}.emoji-picker button{font-size:1.4rem;width:2.6rem;height:2.6rem;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer}.emoji-picker button.selected{border-color:var(--bright-orange);background:var(--surface-alt)}.form-error{background:#fdecea;color:#8a1c13;border-radius:10px;padding:.7rem 1rem;margin:1rem 0}.social-panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:1.75rem;margin-top:1.5rem;text-align:center}.social-panel h2{font-size:1.8rem}.share-link-box{max-width:640px;margin:0 auto 1rem}.share-link-input{width:100%;margin-bottom:.75rem;text-align:center}.mirror-waiting{background:var(--highlight-bg);border:2px dashed var(--bright-orange);border-radius:12px;padding:1rem;margin:1.5rem auto;max-width:640px}.mirror-statement{font-size:1.7rem;margin:.5rem 0 1.5rem}.likert-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.likert-row .btn{flex:1 1 120px;padding:.8rem}.mirror-summary{font-size:1.15rem;margin-bottom:1.5rem}.mirror-bars{display:flex;flex-direction:column;gap:1.6rem;text-align:left;margin-bottom:1rem}.mirror-track{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--deep-purple),var(--surface-alt),var(--bright-orange));margin-top:1.6rem}.mirror-marker{position:absolute;top:50%;transform:translate(-50%,-50%);padding:.1rem .5rem;border-radius:10px;font-size:.75rem;font-weight:800;color:#fff;white-space:nowrap}.mirror-self{background:var(--deep-purple);transform:translate(-50%,-140%)}.mirror-friends{background:#c0392b;transform:translate(-50%,40%)}.mirror-gap{background:var(--surface-alt);border-radius:12px;padding:.9rem 1rem}.guess-form{display:flex;flex-direction:column;gap:.75rem;max-width:560px;margin-left:auto;margin-right:auto}.guess-help{margin-top:.5rem}.guess-pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.guess-letter{display:flex;flex-direction:column;align-items:center;padding:.6rem;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.guess-letter.selected{border-color:var(--bright-orange);background:var(--surface-alt)}.guess-letter-big{font-family:var(--title-font);font-size:2rem;color:var(--heading)}.guess-score{font-size:1.3rem;font-weight:800;color:var(--bright-orange);margin-bottom:1rem}.leaderboard{list-style:none;max-width:480px;margin:.75rem auto 1.5rem;text-align:left}.leaderboard li{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.75rem;padding:.55rem .8rem;border-radius:10px}.leaderboard li:nth-child(odd){background:var(--surface-alt)}.leaderboard-rank{font-weight:800;text-align:center}.leaderboard-guess{font-weight:800;color:var(--heading)}.leaderboard-score{font-weight:800;color:var(--bright-orange)}.join-panel{display:flex;flex-direction:column;gap:.6rem;max-width:460px;margin:0 auto}.join-options{display:flex;flex-direction:column;gap:.6rem}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--heading);font-weight:700;text-decoration:underline;cursor:pointer}.quadrant-map{position:relative;height:380px;border-radius:16px;background:linear-gradient(var(--border),var(--border)) center / 2px 100% no-repeat,linear-gradient(var(--border),var(--border)) center / 100% 2px no-repeat,var(--surface-alt);overflow:hidden}.quadrant-label{position:absolute;font-size:.8rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.q-left{left:10px;top:50%;transform:translateY(-140%)}.q-right{right:10px;top:50%;transform:translateY(-140%)}.q-top{top:8px;left:50%;transform:translate(10px)}.q-bottom{bottom:8px;left:50%;transform:translate(10px)}.quadrant-avatar{position:absolute;display:flex;flex-direction:column;align-items:center;width:70px;font-size:1.8rem;line-height:1.1}.quadrant-avatar-name{font-size:.75rem;font-weight:800;color:var(--text);background:var(--surface);border-radius:8px;padding:0 .35rem;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-scroll{overflow-x:auto}.room-table,.compat-grid{width:100%;border-collapse:collapse;text-align:left}.room-table th,.room-table td,.compat-grid th,.compat-grid td{padding:.55rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}.room-table a,.compat-grid a{color:var(--heading);font-weight:700}.compat-grid td{text-align:center}.compat-cell.great{background:#2ecc712e}.compat-cell.good{background:#f39c1229}.compat-cell.growth{background:#9b59b61f}.temperament-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.temperament-list li{background:var(--surface-alt);border-radius:20px;padding:.4rem .9rem}.temperament-missing{opacity:.55}.room-gaps{list-style:none;margin-top:1rem;text-align:left}.room-gaps li{margin-bottom:.5rem}.duo-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;text-align:left}.duo-section{margin-top:0;text-align:left}.duo-section h2{font-size:1.4rem}.pending-join{background:var(--highlight-bg);border:2px dashed var(--bright-orange);border-radius:15px;padding:1rem 1.25rem;margin:1.25rem 0}.pending-join p{font-weight:700;margin-bottom:.75rem}.your-card,.play-teaser{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border)}.your-card h2,.play-teaser h2{font-size:1.8rem}.your-card-row{display:flex;justify-content:center;margin:1rem 0}.play-teaser-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1rem 0}.play-teaser-list li{background:var(--surface-alt);border-radius:12px;padding:.6rem .8rem;font-weight:700}@media (max-width: 768px){.social-panel{padding:1.25rem 1rem}.mirror-statement{font-size:1.35rem}.quadrant-map{height:320px}.quadrant-avatar{width:56px;font-size:1.5rem}}.mirror-axis .axis-labels{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700;color:var(--text-muted)}.social-page .quiz-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}