/* StrangerChat: landing pages (search pages, Global chat, Scribble) and the homepage "More ways" tiles */
.sc-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 8px}
.sc-mode{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 14px;border-radius:20px;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 16px 30px -14px rgba(108,60,245,.55);transition:transform .15s ease}
.sc-mode.video{background:linear-gradient(135deg,var(--violet),var(--pink))}
.sc-mode:hover{transform:translateY(-2px)}
.sc-mode-ic{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.sc-mode b{font-size:1rem;font-weight:800}
.sc-mode small{font-size:.74rem;opacity:.9;font-weight:500}
.sc-mode-go{margin-top:8px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.22);border-radius:999px;padding:6px 12px}
.sc-extras{margin:6px 2px 4px;font-size:.8rem;color:var(--muted);text-align:center}
.sc-extras a{color:var(--violet);font-weight:700;text-decoration:none}
.article-cta a.start-btn.alt{margin-left:8px;background:linear-gradient(100deg,var(--violet),var(--pink))}
@media (max-width:420px){.article-cta a.start-btn.alt{margin:8px 0 0}.sc-mode{padding:14px 12px 12px}}

.sc-tile{display:block;width:100%;height:auto;margin:16px 0 14px;border-radius:5.4% / 17%}
.sc-play-card{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -18px rgba(60,40,140,.35);text-align:center}
.sc-gate-line{margin:0 0 10px;font-size:.84rem;color:var(--muted)}
.sc-gate-line b{color:var(--ink)}
.sc-gender{display:flex;gap:8px;margin-bottom:10px}
.sc-g{flex:1;padding:11px 8px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 .88rem 'Poppins',sans-serif;cursor:pointer}
.sc-g.on{border-color:var(--violet);background:var(--lav);color:var(--violet)}
.sc-age{display:flex;align-items:flex-start;gap:8px;text-align:left;font-size:.78rem;color:var(--muted);margin-bottom:14px;line-height:1.4}
.sc-age input{margin-top:2px;accent-color:var(--violet)}
.sc-age a{color:var(--violet)}
.sc-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;border:0;border-radius:999px;cursor:pointer;color:#fff;
  font:800 .98rem 'Poppins',sans-serif;background:linear-gradient(100deg,var(--blue),var(--violet) 55%,var(--pink));box-shadow:0 16px 30px -12px rgba(124,60,245,.55)}
.sc-btn:disabled{opacity:.65;cursor:default}
.sc-btn.ghost{background:transparent;color:var(--muted);box-shadow:none;margin-top:6px}
.sc-status{min-height:1.2em;margin:10px 0 0;font-size:.84rem;color:var(--muted)}
.sc-status.is-error{color:#e5484d}
.sc-note{margin:10px 0 0;font-size:.74rem;color:var(--muted);line-height:1.45}
.sc-modal-back{position:fixed;inset:0;z-index:99990;background:rgba(13,11,26,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.sc-modal{width:100%;max-width:340px;background:#fff;border-radius:22px;padding:20px;text-align:center;font-family:'Poppins',sans-serif}
.sc-modal h3{margin:0 0 6px;font-size:1.1rem}
.sc-modal-sub{margin:0 0 12px;font-size:.82rem;color:var(--muted);line-height:1.45}
.sc-modal input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);font:inherit;font-size:16px;margin-bottom:6px}
.sc-modal-err{min-height:1.1em;margin:0 0 8px;font-size:.78rem;color:#e5484d}

/* homepage */
.sc-more-ways{max-width:460px;margin:26px auto 8px;padding:0 4px}
.sc-more-title{margin:0 0 12px;text-align:center;font-size:1.15rem;font-weight:800;color:var(--ink)}
.sc-more-tile{display:block;margin:0 0 10px;border-radius:5.4% / 17%;overflow:hidden}
.sc-more-tile img{display:block;width:100%;height:auto}
.sc-more-btn{display:flex;align-items:center;justify-content:center;margin:0 0 14px;padding:13px;border-radius:999px;text-decoration:none;color:#fff;font-weight:800;font-size:.92rem;
  background:linear-gradient(100deg,var(--blue),var(--violet) 55%,var(--pink));box-shadow:0 16px 30px -12px rgba(124,60,245,.5)}
.sc-more-links{margin:6px 0 0;text-align:center;font-size:.8rem;line-height:1.9;color:var(--muted)}
.sc-more-links a{color:var(--violet);text-decoration:none;font-weight:600}