/* Your Other World v1.8 — real-player social hub + public SEO pages.
   Additive only: does not replace the v1.6 cinematic design or story flow. */
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 40px}
.social-grid .panel,.social-chat{min-width:0;background:linear-gradient(160deg,#121a30,#0a1122);border:1px solid #37486b;border-radius:16px}
.social-search{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 12px}
.social-search input{flex:1 1 200px;min-width:0;background:#070d1c;color:white;border:1px solid #526286;padding:13px 14px;border-radius:9px;font-size:14px}
.social-member{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0;padding:13px 5px;border-bottom:1px solid #34405a;color:#f7f4ff;text-decoration:none}
.social-member>span:nth-child(2),.social-member>a{flex:1;min-width:0}
.social-member a{color:#fff;text-decoration:none}
.social-member a:hover{color:#cf91ff}
.social-member strong,.social-member b{display:block;font-size:14px}
.social-member small{display:block;margin-top:4px;color:#a7b7d3;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.social-member p{font-size:13px;color:#becce2}
.social-avatar{width:44px;height:44px;flex:0 0 44px;font-size:21px}
.social-profile-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.social-profile-avatar{width:74px;height:74px;flex:0 0 74px}
.social-inline{margin:0;display:inline-flex}
.social-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0}
.social-buttons .button{padding:9px 12px;font-size:11px}
.social-check{display:flex!important;gap:10px;align-items:center;font-size:13px;color:#eae4f4;margin:0 0 9px}
.social-check input{width:18px;height:18px;accent-color:#a24cdb}
.social-grid textarea,.social-chat textarea,.social-report select,.seo-admin-form input,.seo-admin-form textarea{width:100%;border:1px solid #425372;border-radius:9px;background:#080e1e;color:#fff;padding:12px;font:inherit}
.social-grid label,.social-chat label,.seo-admin-form label{display:block;color:#dcd6f6;font-size:12px;letter-spacing:.07em;font-weight:700}
.social-report{margin-top:18px;padding-top:15px;border-top:1px solid #3a4b68}
.social-chat{max-width:920px;margin:20px auto 50px}
.social-thread{display:flex;flex-direction:column;gap:14px;max-height:520px;overflow:auto;padding:6px 2px 25px;min-height:180px}
.social-bubble{align-self:flex-start;max-width:83%;background:#18243d;padding:13px 16px;border-radius:16px;border:1px solid #354c73;overflow-wrap:anywhere}
.social-bubble.mine{align-self:flex-end;background:#302050;border-color:#7853a5}
.social-bubble small{color:#bcbedf;font-size:11px}
.social-bubble p{margin:8px 0 0;font-size:14px;line-height:1.55}
.seo-public-hero{margin:12px 0 55px;padding:clamp(32px,6vw,75px);border:1px solid #343f70;border-radius:18px;background:linear-gradient(90deg,#080d1cef,#0b1025bc),url('cinematic/skyline.webp') center/cover}
.seo-public-hero h1{max-width:900px;font-size:clamp(34px,5vw,68px);line-height:1.1;letter-spacing:-1.4px}
.seo-public-hero h1 em{color:#e49bfa;font-style:normal}
.seo-public-hero>p{max-width:770px;color:#e4e6f0;font-size:clamp(16px,1.6vw,20px);line-height:1.65}
.seo-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:35px 0}
.seo-public-grid article,.seo-steps article{border:1px solid #46547e;background:#0b1328e8;border-radius:12px;padding:22px;min-width:0}
.seo-public-grid h2,.seo-steps h2{font-size:21px;line-height:1.25;margin:0 0 10px}
.seo-public-grid p,.seo-steps p{font-size:15px;line-height:1.6;color:#cbd5eb;margin:0}
.seo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:35px 0}
.seo-steps article>span{display:inline-block;color:#e3aeff;margin-bottom:16px;letter-spacing:3px;font-size:20px;font-weight:900}
.seo-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.seo-admin-form fieldset{border:1px solid #3c4c70;padding:15px;border-radius:11px;min-width:0}
.seo-admin-form legend{color:#e1c3ff;font-weight:800;font-size:12px;padding:0 6px}
.seo-admin-form fieldset label{margin:12px 0}
.seo-admin-form button{justify-self:start}
.footer a{color:#bcd0ec;text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}
@media(max-width:980px){.social-grid,.seo-admin-form{grid-template-columns:1fr}.seo-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.social-grid,.seo-public-grid,.seo-steps{grid-template-columns:1fr}.social-buttons{justify-content:flex-start}.social-member{align-items:flex-start;flex-wrap:wrap}.social-search .button{flex:1}.seo-public-hero{padding:25px}.social-bubble{max-width:96%}}