.app-shell .social-stream{--stream-inset:56px;border-color:#7d71564f;border-radius:16px;background:#101e2e;box-shadow:inset 0 0 0 3px #07111b,inset 0 0 0 4px #d9b36b0a,0 8px 28px #00000025}.app-shell .social-stream .social-composer{padding:20px 24px 16px;background:radial-gradient(ellipse at 0 0,#b88b3920,transparent 65%),linear-gradient(120deg,#1b3044,#122237);border-bottom-color:#9d82553d}.app-shell .social-stream .social-compose-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.app-shell .social-stream .social-compose-heading>strong{color:#f4d497;font:750 14px/1.5 var(--game-heading-font);letter-spacing:.04em}.app-shell .social-stream .social-compose-heading>span{height:1px;flex:1 1;margin-inline-start:7px;background:linear-gradient(90deg,#d8b26b55,#d8b26b08)}.app-shell .social-stream .social-compose-heading>span:after{content:"";display:block;width:5px;height:5px;margin-top:-2px;background:#d8b26b;transform:rotate(45deg)}.app-shell .social-stream .social-compose-body{gap:16px}.app-shell .social-stream .social-avatar:not(.large){width:40px;height:40px;border:1px solid #b49c6d80;border-radius:10px 10px 16px 16px;background:linear-gradient(145deg,#41627b,#24394f);color:#f4dfb1;box-shadow:inset 0 1px 0 #c5e7f333,0 2px 0 #081321;font-family:var(--game-heading-font);font-size:16px;font-weight:600}.app-shell .social-stream .social-compose-body textarea{height:88px;min-height:88px;max-height:320px;margin:0;padding:12px 14px;border:1px solid #52677b;border-radius:9px;background:#0b1a2b;color:#e5edf7;box-shadow:inset 0 2px 6px #00000025,0 1px 0 #d9e5f309;font-size:15px;line-height:1.7;resize:vertical}.app-shell .social-stream .social-compose-body textarea::placeholder{color:#8ca4bc}.app-shell .social-stream .social-compose-body textarea:hover:not(:disabled):not(:focus-visible){border-color:#8db2cc66}.app-shell .social-stream .social-compose-body textarea:focus-visible{border-color:#ffce78;box-shadow:inset 0 2px 6px #00000025}.app-shell .social-stream .social-compose-footer{margin-block-start:12px;margin-inline-start:var(--stream-inset);gap:12px;font-size:11px}.app-shell .social-stream .social-compose-hint{display:inline-flex;align-items:center;gap:6px;color:#91a8be}.app-shell .social-stream .social-compose-hint>svg{flex-shrink:0}.app-shell .social-stream .social-compose-count{padding:3px 6px;border:1px solid #b59b6430;border-radius:5px;background:#08142045;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#b3b9bc;white-space:nowrap}.app-shell .social-stream .social-publish.button.button-primary{min-height:38px;padding:8px 15px;border:1px solid #e6bd70;border-radius:9px;background:linear-gradient(#ffe1a0,#edb75d);color:#382913;box-shadow:inset 0 1px 0 #fff0c3,0 2px 0 #70502c;text-shadow:0 1px 0 #ffe8ad80;font-family:var(--game-heading-font);font-size:12px;font-weight:650;transform:none;filter:none}.app-shell .social-stream .social-publish.button.button-primary:hover:not(:disabled){background:#ffda94}.app-shell .social-stream .social-publish.button.button-primary:disabled{border-color:#476078;background:#304459;color:#9bafc2;box-shadow:inset 0 1px 0 #a8c4d51a;text-shadow:none;opacity:1;cursor:not-allowed}.app-shell .social-stream .social-tabs{padding:10px 24px;gap:6px;border-bottom-color:#9d825533;background:linear-gradient(#16293d,#101f31);box-shadow:inset 0 1px 0 #b9d9eb0a}.app-shell .social-stream .social-tabs button{min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;font-family:var(--game-heading-font);font-size:13px;font-weight:550;text-shadow:none}.app-shell .social-stream .social-tabs button.selected{color:#ffe1a0;background:linear-gradient(#594933,#3d3328);border-color:#b2945e99;box-shadow:inset 0 1px 0 #ffe7a918,0 2px 0 #081321}.app-shell .social-stream .social-tabs button:focus-visible{outline:2px solid #ffce78;outline-offset:2px}.app-shell .social-stream .social-tabs .social-refresh{width:36px;padding:8px;border-color:#47607980;background:#20364b;box-shadow:inset 0 1px 0 #c5e7f31a}.app-shell .social-stream .social-post{padding:20px 24px 12px;border-bottom-color:#93a5ae24;background:linear-gradient(115deg,#233b4c32,transparent 70%)}.app-shell .social-stream .social-post:last-child{border-bottom:0}.app-shell .social-stream .social-post:hover{background:#102034}.app-shell .social-stream .social-author{gap:16px}.app-shell .social-stream .social-post-top{flex-wrap:wrap;row-gap:12px}.app-shell .social-stream .social-post-top>.social-author{flex:1 1 200px}.app-shell .social-stream .social-post-top>:last-child{margin-inline-start:auto}.app-shell .social-stream .social-author strong{color:#f0e0c3;font-family:var(--game-heading-font);font-size:14px;font-weight:700;line-height:1.5}.app-shell .social-stream .social-post-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;margin-top:2px;color:#8fa6bd;font-size:11px;line-height:1.6}.app-shell .social-stream .social-post-meta>span:first-child{overflow-wrap:anywhere}.app-shell .social-stream .social-post-meta time{white-space:nowrap}.app-shell .social-stream .social-post-content{margin:12px 0 6px;margin-inline-start:var(--stream-inset);color:#dce7f4;font-size:15px;line-height:1.8}.app-shell .social-stream .social-reply-label{margin-inline-start:var(--stream-inset)}.app-shell .social-stream .social-post-actions{gap:20px;margin-inline-start:calc(var(--stream-inset) - 8px)}.app-shell .social-stream .social-post-actions button{min-width:44px;min-height:36px;padding:8px;gap:7px;border-radius:8px;color:#91a8be;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell .social-stream .social-post-actions button:first-child:is(:hover,.liked){color:#f0a7b5;background:#f0a7b50c}.app-shell .social-stream .social-post-actions button:nth-child(2):hover{color:#a5deff;background:#a5deff0c}.app-shell .social-stream .social-post-actions button:focus-visible{outline:2px solid #ffce78;outline-offset:2px}.app-shell .social-stream .social-post-actions>span{padding:2px 6px;border:1px solid #b49c6d25;border-radius:4px;color:#a99b7b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell .social-discovery .social-follow.button:is(.button-primary,.button-secondary),.app-shell .social-stream .social-follow.button:is(.button-primary,.button-secondary){min-height:34px;padding:6px 12px;border:1px solid #b2945e80;border-radius:8px;background:linear-gradient(#3d4140,#29343c);color:#f0d6a2;box-shadow:inset 0 1px 0 #e6d6b319,0 2px 0 #081321;text-shadow:0 1px 0 #081321;font-family:var(--game-heading-font);font-size:11px;font-weight:550;transform:none;filter:none}.app-shell .social-discovery .social-follow.button:is(.button-primary,.button-secondary):hover:not(:disabled),.app-shell .social-stream .social-follow.button:is(.button-primary,.button-secondary):hover:not(:disabled){border-color:#d6b77b;background:#485044;color:#ffedc5}.app-shell .social-discovery .social-follow.button:is(.button-primary,.button-secondary):is(:hover,:active):not(:disabled),.app-shell .social-stream .social-follow.button:is(.button-primary,.button-secondary):is(:hover,:active):not(:disabled),.app-shell .social-stream .social-publish.button.button-primary:is(:hover,:active):not(:disabled){box-shadow:inset 0 1px 0 #ffe7a930,0 2px 0 #081321;transform:none;filter:none}.app-shell .social-stream .social-follow.button:disabled{opacity:.55}.app-shell .social-discovery .social-avatar:not(.large){border:1px solid #b49c6d80;border-radius:8px 8px 13px 13px;background:linear-gradient(145deg,#41627b,#24394f);color:#f4dfb1;box-shadow:inset 0 1px 0 #c5e7f333,0 2px 0 #081321;font-family:var(--game-heading-font);font-weight:600}@media (max-width:600px){.app-shell .social-stream{--stream-inset:48px}.app-shell .social-stream .social-composer{padding:18px 16px 16px}.app-shell .social-stream .social-author,.app-shell .social-stream .social-compose-body{gap:12px}.app-shell .social-stream .social-avatar:not(.large){width:36px;height:36px;font-size:15px}.app-shell .social-stream .social-compose-body textarea{min-height:104px;font-size:16px}.app-shell .social-stream .social-compose-footer{display:grid;grid-template-columns:1fr auto;margin-inline-start:0;gap:10px}.app-shell .social-stream .social-compose-hint{grid-column:1/-1;font-size:11px}.app-shell .social-stream .social-compose-count{justify-self:start}.app-shell .social-stream .social-tabs{padding:9px 12px}.app-shell .social-stream .social-post{padding:18px 16px 12px}.app-shell .social-stream .social-post-top{align-items:center}.app-shell .social-stream .social-post-top>.social-author{flex:1 1;min-width:0;gap:8px}.app-shell .social-discovery .social-author strong,.app-shell .social-stream .social-author strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-shell .social-discovery .social-person .button,.app-shell .social-stream .social-post-top .button{padding-inline:7px;font-size:10px;min-height:36px}.app-shell .social-stream .social-post-meta{column-gap:5px}.app-shell .social-stream .social-post-content{font-size:14px;margin-block-start:12px}.app-shell .social-stream .social-follow.button{flex-shrink:0}}@media (pointer:coarse){.app-shell .social-stream .social-follow.button,.app-shell .social-stream .social-post-actions button,.app-shell .social-stream .social-publish.button,.app-shell .social-stream .social-tabs button{min-height:44px}}@media (max-width:420px){.app-shell .social-discovery .social-person,.app-shell .social-stream .social-post-top{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.app-shell .social-discovery .social-person>:last-child,.app-shell .social-stream .social-post-top>:last-child{justify-self:end;max-width:100%}}