.ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ecosystem-card{display:grid;grid-template-columns:38% 1fr;align-items:center;overflow:hidden;border:2px solid var(--line,#cec1dd);border-radius:28px;background:var(--panel,#fff);padding:20px;gap:18px}.ecosystem-art{background:#c6a8ff;border-radius:22px;aspect-ratio:1/1.25;display:flex;align-items:flex-end}.ecosystem-card:nth-child(even) .ecosystem-art{background:#ffe680}.ecosystem-art img{width:100%;height:auto;filter:drop-shadow(0 10px 10px #27144233)}.ecosystem-card h3{font-size:clamp(1.5rem,3vw,2rem);margin:.3em 0}.ecosystem-card p{line-height:1.6}.product-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:40px 0}.product-hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;letter-spacing:-.05em}.product-hero p{font-size:1.15rem;line-height:1.7;max-width:40rem}.product-hero img{width:100%;height:auto;background:radial-gradient(circle,#c7a8ff 58%,transparent 58.5%)}.passport-form{display:grid;gap:16px;max-width:38rem}.passport-form label{display:grid;gap:8px}.passport-form .account-check{display:flex;align-items:center}.passport-form input:not([type=checkbox]),.passport-form select{padding:12px;border-radius:12px;border:1px solid var(--line,#cec1dd);background:var(--panel,#fff);color:inherit;font:inherit}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.social-card{padding:24px;border:1px solid var(--line,#cec1dd);border-radius:20px;background:var(--panel,#fff)}.social-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line,#cec1dd);flex-wrap:wrap}.social-row .actions{gap:8px}.invite-qr{display:block;background:white;border-radius:12px;padding:12px;max-width:220px;margin:16px 0}.social-card output{overflow-wrap:anywhere}.social-card button{min-height:44px}.social-card ul{padding-left:20px}.social-empty{color:var(--muted,#6c6179);line-height:1.6}.passport-profile{display:flex;align-items:center;gap:24px}.passport-avatar{font-size:4rem}.passport-profile h1{margin:0}.passport-handle{font-size:1.1rem;opacity:.75}.public-profile-games{display:flex;flex-wrap:wrap;gap:12px}.public-profile-games a{padding:10px 16px;border-radius:30px;background:#7045ef;color:white}.notification-unread{border-left:3px solid #7045ef;padding-left:12px}[data-theme=dark] .ecosystem-card,[data-theme=dark] .social-card{background:#292137}[data-theme=dark] .passport-form input:not([type=checkbox]),[data-theme=dark] .passport-form select{background:#201929;color:#fff}.ecosystem-card a:focus-visible,.social-card button:focus-visible{outline:3px solid #7045ef;outline-offset:4px}@media(max-width:900px){.ecosystem-grid{grid-template-columns:1fr}.product-hero{gap:16px}.social-grid{grid-template-columns:1fr}}@media(max-width:560px){.ecosystem-card{grid-template-columns:30% 1fr;padding:16px;gap:14px}.product-hero{grid-template-columns:1fr;padding:24px 0}.product-hero img{max-width:320px;margin:auto;grid-row:1}.product-hero h1{margin-top:10px}.social-card{padding:18px}.social-row{align-items:flex-start}.ecosystem-card .button{padding:12px;font-size:.9rem}}
.social-card dialog,.social-card textarea{font:inherit;color:inherit}.social-card textarea{border:1px solid var(--line,#cec1dd);border-radius:12px;padding:12px;resize:vertical;background:var(--panel,#fff)}dialog.social-card{max-width:min(92vw,520px);color:inherit}dialog::backdrop{background:#17112399}[data-theme=dark] dialog.social-card{color:#fff}[data-theme=dark] .social-card textarea{background:#201929;color:#fff}