/* v26: community first, restrained contrast, shared spacing across divisions. */
:root{--bg:#090b10;--panel:#131720;--red:#e75169;--dim:#8f98a9;--line:#2a303d;--muted:#929aaa;--ink:#e8ebf2}
body.umbrella-v20{background:#090b10;color:#e8ebf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 85% 0,#64213720,transparent 45%)}
body.umbrella-v20:before{opacity:.45}.umbrella-v20 .ambient{opacity:.28}.umbrella-v20 .topbar{height:66px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#0b0e15e8;border-bottom:1px solid #262b36;backdrop-filter:blur(18px)}.umbrella-v20 .brand{gap:12px}.umbrella-v20 .brand img{width:30px;height:30px}.umbrella-v20 .brand span{font-size:11px;letter-spacing:4px}.umbrella-v20 .brand small{font-size:6px}.umbrella-v20 .top-carousel{border-bottom:1px solid #272c39;background:#10131bec;backdrop-filter:blur(18px);padding:10px max(24px,calc((100vw - 1240px)/2));gap:16px}.umbrella-v20 .now-playing-copy .eyebrow{color:#9398a8;letter-spacing:1.5px}.umbrella-v20 .now-playing-bar .music-art{background:#25202d;border-color:#443144;color:#ed98ad}.umbrella-v20 .shell{max-width:1240px;padding:28px 28px 110px}.umbrella-v20 .breadcrumb{margin:0 0 20px;color:#737e91}.umbrella-v20 .page-heading{padding:4px 0 24px;margin:0 0 26px;border-color:#272e3b}.umbrella-v20 .page-heading h1{font-size:clamp(28px,4vw,44px);font-weight:650;letter-spacing:-1.6px;margin:9px 0 12px}.umbrella-v20 .page-heading p{font-size:13px;line-height:1.7;color:#9ba5b8}.umbrella-v20 .eyebrow{font:500 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;color:#c18a9c}.umbrella-v20 .panel{background:#141821e8;border:1px solid #2b3342;border-radius:18px;padding:26px;box-shadow:0 12px 32px #0002;margin-bottom:20px}.umbrella-v20 .panel h2{font-size:21px;letter-spacing:-.6px;margin:10px 0 16px;line-height:1.3}.umbrella-v20 .panel h3{font-size:16px;letter-spacing:-.3px}.umbrella-v20 .panel p{color:#a1abbe;font-size:13px;line-height:1.75}.umbrella-v20 .grid{gap:20px}.umbrella-v20 button,.umbrella-v20 .button{border-radius:10px;background:#df4863;border:1px solid #e86379;color:#fff;box-shadow:none;font-weight:600;min-height:40px;padding:10px 17px;font-size:12px;transition:background .18s,transform .18s,border-color .18s}.umbrella-v20 button:hover,.umbrella-v20 .button:hover{filter:none;background:#ef5e76;transform:translateY(-1px)}.umbrella-v20 button.secondary,.umbrella-v20 .button.secondary{background:#212733;border:1px solid #364154;color:#c5cfdf}.umbrella-v20 button.secondary:hover,.umbrella-v20 .button.secondary:hover{background:#2c3443;border-color:#64728b}.umbrella-v20 button:disabled{opacity:.38;cursor:not-allowed;transform:none}.umbrella-v20 input,.umbrella-v20 textarea,.umbrella-v20 select{border-radius:10px;background:#0c111b;border-color:#333e50;font-size:13px;color:#e6edf7}.umbrella-v20 textarea{resize:vertical}.umbrella-v20 input:focus,.umbrella-v20 textarea:focus,.umbrella-v20 select:focus{border-color:#b56380;box-shadow:0 0 0 3px #c15e7814}.umbrella-v20 input::placeholder,.umbrella-v20 textarea::placeholder{color:#697589}.umbrella-v20 .table-wrap{border-color:#2a3443;border-radius:12px}.umbrella-v20 th{background:#1c2330;color:#94a5bf;padding:14px;font-size:9px}.umbrella-v20 td{padding:16px 14px;border-color:#273040;color:#c4cee0}.umbrella-v20 td small{display:block;color:#8492a8;font-size:10px;margin-top:5px;line-height:1.5}.umbrella-v20 .hero{border-radius:20px;background:radial-gradient(ellipse at 90% 0,#6d243830,transparent 65%),#121823;border-color:#343144;padding:34px;min-height:230px}.umbrella-v20 .hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.7px}.umbrella-v20 .hero p{color:#a6b2c6}.umbrella-v20 .stat{background:#121923;border:1px solid #2f3847;border-radius:16px;padding:21px}.umbrella-v20 .stat strong{color:#f0dce4;font-size:28px}.umbrella-v20 .stat small{line-height:1.5}.umbrella-v20 .division-button{border-radius:15px;background:#141a25;border-color:#323847;padding:19px;color:#d5dce9;box-shadow:none}.umbrella-v20 .division-button>span:first-child{background:#242735;border-color:#413448;color:#dba0b7}.umbrella-v20 .division-button:hover{background:#202735;border-color:#735568}.umbrella-v20 .section-nav a{background:#151c27;border-color:#354052;color:#bbc8db;border-radius:9px}.umbrella-v20 .section-nav a:hover{border-color:#c3718c}.umbrella-v20 .journal-shell{background:#111721;border-radius:16px;padding:22px;border-color:#30394a}.umbrella-v20 .journal-item{background:#171e2a;border-radius:13px;border-color:#30394b}.umbrella-v20 .sponsor-card{background:#141b26;border-color:#344153;border-radius:14px}.umbrella-v20 .skill-card,.umbrella-v20 .clan-card,.umbrella-v20 .game-card{background:#141b26;border-color:#334052;border-radius:17px;box-shadow:none}.umbrella-v20 .skill-copy{padding:22px}.umbrella-v20 .auth-layout{margin:28px auto}.umbrella-v20 .auth{max-width:480px;margin:30px auto;padding:32px}.umbrella-v20 .auth h1{font-size:30px;letter-spacing:-1px}.umbrella-v20 .auth form{margin-top:24px}.umbrella-v20 .notice{background:#302231;border:1px solid #684558;border-left:3px solid #d47b94;border-radius:11px}.umbrella-v20 .comms-app{background:#101621;border-color:#2b3748;border-radius:18px}.umbrella-v20 .comms-sidebar{background:#0f151f}.umbrella-v20 .comms-chat-pane{background:#131a26}.umbrella-v20 .message-bubble{border-radius:14px;background:#1e2939;border-color:#304258}.umbrella-v20 .message-row.mine .message-bubble{background:#392737;border-color:#614256}.umbrella-v20 .comms-head,.umbrella-v20 .comms-compose{border-color:#2c384a}.umbrella-v20 .ops-launch-card,.umbrella-v20 .cyber-card{border-radius:18px;background:#131a25;border-color:#354053;box-shadow:none}.umbrella-v20 .network-clan-hero{background:radial-gradient(ellipse at right top,#68415b22,transparent 70%),#121a26;border-color:#41364b;border-radius:18px}.umbrella-v20 .network-members>div,.umbrella-v20 .network-handles>div{border-radius:11px;background:#172130;border-color:#314055}.umbrella-v20 .umbrella-dock{border-radius:18px;border-color:#72415b;background:#191b29;box-shadow:0 8px 35px #0009}.umbrella-v20 .umbrella-dock:hover{background:#2c2031}.umbrella-v20 #radialTabs button{border-radius:10px}.umbrella-v20 .music-play{border-radius:50%}.umbrella-v20 .terminal-strip,.umbrella-v20 .terminal-line{color:#8298a3!important;background:transparent!important;border-color:#293643!important;font-size:9px!important}.umbrella-v20 .site-footer{border-color:#273346;color:#7c8ba2}
.social-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 28px}.social-heading h1{font-size:clamp(30px,4.5vw,46px);line-height:1.1;letter-spacing:-1.8px;font-weight:650;margin:8px 0 12px}.social-heading p{font-size:13px;color:#929fb5}.social-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;max-width:1120px;margin:auto}.social-layout>div{min-width:0}.social-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid #705167;background:#302331;color:#e6a9c4;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-compose{border:1px solid #323d50;border-radius:16px;padding:20px;background:#151c28;margin-bottom:22px}.social-compose-title{display:flex;align-items:center;gap:13px;margin-bottom:13px;font-size:13px;color:#b6c2d7}.umbrella-v20 .social-compose textarea{width:100%;min-height:92px;margin:0;background:#0d1420;border:1px solid #2c3b51;border-radius:11px;padding:14px;font-size:13px}.social-compose footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.social-compose small{font-size:10px;color:#8595ad}.social-compose form{display:block}.social-post{background:#121a26;border:1px solid #303d50;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 12px 24px #0002}.social-post header{display:flex;gap:12px;align-items:center;padding:20px 22px 8px}.social-post header>div:nth-child(2){flex:1;min-width:0}.social-post a{text-decoration:none;color:inherit}.social-post header strong{font-size:13px;font-weight:650}.social-post header small{display:block;font-size:10px;color:#8798b4;margin-top:5px}.social-post .social-body{padding:8px 22px 20px;margin:0;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#d5dfed}.social-body a,.social-comment a{color:#e195b3!important}.umbrella-v20 .social-delete{padding:0;min-height:32px;width:32px;background:transparent;border:0;color:#8599b7}.social-delete .ui-icon{width:20px;height:20px}.social-actions{display:flex;align-items:center;gap:20px;padding:13px 22px;border-top:1px solid #243247}.umbrella-v20 .social-actions button{background:transparent;border:0;display:flex;align-items:center;gap:8px;color:#b0bed4;padding:0;min-height:28px;font-size:11px}.social-actions .ui-icon{width:21px;height:21px}.social-actions button[aria-pressed=true]{color:#f3759d}.social-actions button[aria-pressed=true] svg{fill:#e2527933}.social-caption{margin-left:auto;font-size:10px;color:#8193af}.social-comments{padding:6px 22px 20px;border-top:1px solid #28354a;background:#0e1723}.social-comment{display:flex;align-items:start;gap:10px;padding:13px 0;border-bottom:1px solid #28344980}.social-comment>div{flex:1;min-width:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.social-comment strong{color:#c9d6e9;margin-right:6px}.social-comment small{display:block;color:#7589a8;font-size:9px;margin-top:4px}.umbrella-v20 .social-comment button{background:transparent;border:0;min-height:24px;padding:0 5px;color:#7990b0}.social-comments form{display:flex;gap:9px;margin-top:16px}.umbrella-v20 .social-comments input{margin:0;min-width:0;flex:1;padding:11px 13px;min-height:40px;font-size:12px}.umbrella-v20 .social-comments form button{padding:8px 12px;min-height:40px;font-size:11px}.umbrella-v20 .social-older{font-size:10px;background:transparent;border:0;color:#c18eac;padding:8px 0}.social-empty{text-align:center;border:1px dashed #394a64;border-radius:16px;padding:45px 24px;color:#8fa3c2}.social-empty>span{font-size:28px;color:#cf86a7}.social-empty h2{font-size:20px;margin:16px 0 10px;color:#becde2}.social-empty p{font-size:12px}.social-self{border:1px solid #303e52;border-radius:16px;padding:24px;background:#131b28}.social-self h2{font-size:18px;margin:15px 0 6px;letter-spacing:-.5px}.social-self p{color:#8196b6;font-size:11px}.social-self>div:not(.social-avatar){display:flex;gap:25px;margin:20px 0}.social-self>div>span{font-size:9px;color:#93a6c3}.social-self strong{display:block;margin-top:6px;font-size:18px;color:#e5cdde;letter-spacing:-.5px}.social-shortcuts{padding:25px 4px}.social-shortcuts a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;color:#b4c3dc;padding:13px 0;border-bottom:1px solid #26374c}.social-shortcuts a>span{margin-left:auto;color:#7c8dad}.social-shortcuts .ui-icon{width:19px;height:19px;color:#cf8aa8}.social-rail .journal-shell{padding:18px!important}.social-rail .journal-title h2,.social-rail .section-kicker h2{font-size:18px}.social-rail .journal-lead{min-height:160px}.social-rail .journal-lead h3{font-size:20px}.social-rail .journal-grid{display:block}.social-rail .journal-item{margin:12px 0}.social-rail .grid,.social-rail .sponsor-rail{display:block}.social-rail .sponsor-card{margin-bottom:12px}.social-rail .journal-title{display:block}.social-rail .journal-title>a{display:inline-block;font-size:10px;margin-top:8px}.social-rail .section-kicker{display:block}.social-profile-feed{max-width:720px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sub-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:26px}.sub-membership,.sub-vault{padding:28px;border:1px solid #3c3d53;border-radius:18px;background:radial-gradient(ellipse at right top,#5e304a30,transparent 65%),#151c29}.sub-membership h2,.sub-vault h2{font-size:27px;letter-spacing:-1px;margin:14px 0}.sub-membership p,.sub-vault p{color:#a5b3ca;font-size:13px;line-height:1.8}.sub-membership small{font-size:10px;color:#8fa0bd;display:block;margin-top:12px}.sub-state{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0}.sub-state span{font-size:10px;color:#8f9fb9}.sub-state strong{display:block;font-size:13px;color:#d0d9ea;margin-top:5px}.sub-vault form{margin-top:22px}.sub-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.sub-target-grid>article{border:1px solid #35465e;border-radius:14px;padding:21px;background:#111c2b}.sub-target-avatar{height:40px;width:40px;border-radius:50%;background:#30273d;color:#d5adcc;display:grid;place-items:center;font-size:12px;margin-bottom:13px}.sub-target-grid h3{margin:0 0 6px!important}.sub-target-grid small{font-size:10px;color:#8ea0be}.sub-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.sub-options>div{background:#172237;border:1px solid #36445b;border-radius:11px;padding:13px}.sub-options strong{display:block;font-size:13px;margin-bottom:10px}.sub-options span{display:block;font-size:10px;color:#c5a6c2;line-height:1.6}.sub-options small{display:block;font-size:9px;margin:7px 0 12px;line-height:1.6}.sub-options button{width:100%;font-size:11px!important;padding:8px!important}.sub-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sub-rule-grid strong{font-size:13px;color:#d4bcce}.sub-rule-grid p{font-size:12px!important}.sub-result{display:flex;align-items:center;gap:17px;border-radius:14px;padding:22px;background:#192d2a;border:1px solid #356858;margin-bottom:24px}.sub-result.lost{background:#302431;border-color:#6a4357}.sub-result>span{flex-shrink:0}.sub-result .ui-icon{width:28px;height:28px;color:#acd1bb}.sub-result>div{flex:1}.sub-result h2{font-size:20px;margin:0 0 8px}.sub-result p{font-size:12px;line-height:1.7;color:#becabb}.sub-result.lost p{color:#d0b5cb}.sub-result>button{background:transparent!important;border:0!important;color:#a4b2c1!important;padding:4px 10px!important}.sub-history .table-wrap{margin-top:20px}
@media(max-width:1000px){.social-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.social-self{padding:20px}.umbrella-v20 .shell{padding:24px 22px 100px}.sub-target-grid{grid-template-columns:1fr}}
@media(max-width:760px){.social-layout{grid-template-columns:1fr;max-width:680px}.social-rail{display:block}.social-self,.social-shortcuts{display:none}.social-heading{margin:2px 0 23px;gap:12px}.social-heading h1{font-size:33px}.social-heading>.button{font-size:10px;max-width:126px;text-align:center;padding:10px}.social-compose{padding:17px}.social-post header{padding:17px 18px 7px}.social-post .social-body{padding:9px 18px 19px}.social-actions{padding:13px 18px}.social-comments{padding:5px 18px 17px}.sub-overview,.sub-rule-grid{grid-template-columns:1fr}.umbrella-v20 .panel{padding:22px}.umbrella-v20 .topbar{padding:12px 18px}.umbrella-v20 .now-playing-bar{padding:10px 18px}.umbrella-v20 .shell{padding:22px 16px 100px}.umbrella-v20 .page-heading{display:block}.umbrella-v20 .heading-actions{margin-top:18px}.umbrella-v20 .hero{padding:28px}.umbrella-v20 .stat-row{gap:10px}.umbrella-v20 .stat{padding:16px}.umbrella-v20 .stat strong{font-size:23px}.sub-membership,.sub-vault{padding:23px}.social-rail .journal-shell{display:block}.umbrella-v20 .auth{padding:25px}.umbrella-v20 .network-public-profile{padding:22px}.umbrella-v20 .comms-mode .shell{padding:8px}.umbrella-v20 .comms-app{border-radius:12px}}
@media(max-width:420px){.social-compose footer small{max-width:150px;line-height:1.5}.social-heading p{font-size:11px}.social-avatar{width:36px;height:36px}.social-post header small{font-size:9px}.social-body{font-size:13px!important}.social-caption{font-size:9px}.social-comments input{font-size:11px!important}.sub-options{gap:9px}.sub-options>div{padding:10px}.umbrella-v20 .panel{padding:20px}.umbrella-v20 .hero h1{font-size:33px}.umbrella-v20 .page-heading h1{font-size:31px}.umbrella-v20 .top-carousel>.tutorial-shortcut{display:none}}
@media(prefers-reduced-motion:reduce){.social-post,.sub-result{animation:none!important}.umbrella-v20 button,.umbrella-v20 .button{transition:none!important}}