:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090e11;--surface:#10161a;--surface-raised:#151e23;--border:#1e2b31;--border-subtle:#ffffff12;--text:#e2e8f0;--text-secondary:#94a3b8;--muted:#85989e;--gold:#d4a017;--gold-hover:#eab308;--gold-subtle:#d4a0171f;--cyan:#38bdf8;--serif:Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#0d1418;border-radius:6px;padding:9px 12px}input::placeholder,textarea::placeholder{color:#5c6f75}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--gold)}fieldset{border:0;min-width:0}.icon{vertical-align:middle;flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--gold);color:#000;border-radius:4px;padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:700;display:block}.brand{letter-spacing:3px;color:var(--text);flex-shrink:0;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand small{color:var(--muted);letter-spacing:1.5px;margin-top:2px;font-size:7px;font-weight:600;display:block}.brand-mark{width:32px;height:32px;color:var(--gold);place-items:center;display:grid}.brand-mark .icon{width:28px;height:28px}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.button-primary{color:#090e11;background:var(--gold);border-color:var(--gold)}.button-primary:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}.button-secondary{border-color:var(--border);color:var(--text);background:#ffffff0d}.button-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.compact{min-height:32px;padding:5px 12px;font-size:12px}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-button:hover{color:var(--text);background:#ffffff14}.text-link{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.text-link:hover{color:var(--gold)}.muted{color:var(--muted)}.notice{border:1px solid var(--border);background:#1e292ecc;border-radius:6px;margin:12px 0;padding:10px 14px;font-size:13px}.notice-error{color:#fca5a5;background:#3c1419cc;border-color:#833}.avatar{border:1px solid var(--border);width:36px;height:36px;color:var(--gold);background:#1b262c;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.social-app{flex-direction:column;min-height:100svh;display:flex}.social-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0c1216f5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:58px;padding:0 16px;display:grid;position:sticky;top:0}.header-brand-search{align-items:center;gap:12px;display:flex}.header-search-bar{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;width:170px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.header-search-bar:hover{color:var(--text);background:#ffffff14;border-color:#fff3}.header-search-bar .icon{width:14px;height:14px}.header-center-tabs{justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.tab-item{height:100%;color:var(--muted);white-space:nowrap;border-radius:6px 6px 0 0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex;position:relative}.tab-item .icon{width:17px;height:17px}.tab-item:hover{color:var(--text);background:#ffffff0a}.tab-item.active{color:var(--gold);font-weight:600}.tab-indicator{background:var(--gold);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:6px;right:6px}.header-user-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-circle-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:50%;place-items:center;transition:all .15s;display:inline-grid;position:relative}.action-circle-btn:hover{color:var(--text);background:#ffffff1a;border-color:#fff3}.action-circle-btn.is-active{background:var(--gold-subtle);border-color:var(--gold);color:var(--gold)}.action-circle-btn .icon{width:16px;height:16px}.header-action-wrapper{position:relative}.header-badge-dot{background:#ef4444;border:2px solid #0e1418;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;right:1px}.header-popover{border:1px solid var(--border);z-index:100;background:#11171d;border-radius:12px;flex-direction:column;width:360px;max-width:calc(100vw - 24px);animation:.16s ease-out popoverFadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 36px #000000a6,0 0 0 1px #d4a01726}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.popover-header h3{color:var(--text);margin:0;font-size:14px;font-weight:700}.popover-header-actions{align-items:center;gap:8px;display:flex}.popover-body{scrollbar-width:thin;flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.popover-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;text-decoration:none;transition:background .12s;display:flex}.popover-item:hover{background:#ffffff0d}.popover-item.unread{background:#d4a0170f}.popover-item.unread:hover{background:#d4a0171a}.popover-item-icon{border:1px solid var(--border);width:32px;height:32px;color:var(--gold);background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.popover-item-content{flex:1;min-width:0}.popover-item-content strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.popover-item-content p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.popover-item-time{color:var(--muted);margin-top:3px;font-size:10px;display:block}.popover-empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:13px}.popover-footer{border-top:1px solid var(--border);text-align:center;background:#00000040;padding:10px 14px}.popover-footer-link{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.popover-footer-link:hover{text-decoration:underline}.mobile-hamburger{display:none}.social-layout-grid{grid-template-columns:230px minmax(0,1fr) 290px;align-items:start;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:20px 16px 80px;display:grid}.social-left-sidebar{height:fit-content;position:sticky;top:72px}.sidebar-sticky-content{flex-direction:column;gap:14px;display:flex}.sidebar-section-heading{letter-spacing:1.5px;color:var(--muted);padding:0 8px;font-size:9px;font-weight:700}.shortcuts-nav{flex-direction:column;gap:2px;display:flex}.shortcut-link{color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.shortcut-link:hover{color:var(--text);background:#ffffff0d}.shortcut-link.active{background:var(--gold-subtle);color:var(--gold);font-weight:600}.shortcut-icon{place-items:center;width:18px;display:grid}.shortcut-icon .icon{width:16px;height:16px}.shortcut-bullet{color:var(--gold);margin-left:auto;font-size:8px}.sidebar-user-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;margin-top:6px;padding:10px;display:flex}.user-mini-avatar{width:32px;height:32px}.user-mini-meta strong{font-size:12px;line-height:1.3;display:block}.user-mini-meta small{color:var(--muted);font-size:10px;display:block}.social-center-feed{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.social-right-sidebar{height:fit-content;position:sticky;top:72px}.widget-card{border:1px solid var(--border);background:#10161a;border-radius:10px;margin-bottom:12px;padding:14px}.widget-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.widget-header .icon{color:var(--gold);width:16px;height:16px}.widget-header h3{font-size:13px;font-weight:700}.online-widget{background:linear-gradient(135deg,#10b98114,#10161af2);border-color:#10b98140}.online-widget-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.online-title{letter-spacing:1.5px;color:#34d399;font-size:9px;font-weight:700}.pulse-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseAnimation;box-shadow:0 0 8px #10b981}@keyframes pulseAnimation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.online-count-text strong{color:var(--text);font-size:14px}.online-subtext{color:var(--muted);margin-top:2px;font-size:10px;display:block}.trending-list{flex-direction:column;gap:8px;display:flex}.trend-item{border-radius:6px;padding:5px 6px;transition:background .12s;display:block}.trend-item:hover{background:#ffffff0a}.trend-cat{color:var(--muted);font-size:10px;display:block}.trend-tag{color:var(--gold);word-break:break-word;margin:1px 0;font-size:12px;display:block}.trend-meta{color:var(--text-secondary);font-size:10px;display:block}.news-list-compact{flex-direction:column;gap:8px;display:flex}.news-compact-item{border-top:1px solid var(--border-subtle);padding:6px 0}.news-compact-item:first-child{border-top:0;padding-top:0}.news-badge-mini{letter-spacing:1px;color:var(--gold);border:1px solid #d4a0174d;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.news-badge-mini.highlight{color:var(--cyan);border-color:#38bdf84d}.news-compact-item h4{margin:3px 0 2px;font-size:12px;font-weight:600;line-height:1.3}.news-compact-item p{color:var(--muted);font-size:11px;line-height:1.4}.pact-widget{color:var(--muted);font-size:11px;line-height:1.5}.pact-header{letter-spacing:1px;color:var(--gold);align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.mini-footer-links{border-top:1px solid var(--border-subtle);color:var(--muted);margin-top:8px;padding-top:8px;font-size:10px}.mini-footer-links a:hover{color:var(--gold)}.fb-tw-composer-card{border:1px solid var(--border);background:#10161a;border-radius:10px;width:100%;padding:14px}.composer-format-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.format-toggle-group{gap:4px;display:flex}.format-tab-btn{color:var(--muted);background:#ffffff08;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.format-tab-btn:hover{color:var(--text);background:#ffffff0f}.format-tab-btn.active{background:var(--gold-subtle);border-color:var(--gold);color:var(--gold);font-weight:600}.composer-meta-selects{flex-wrap:wrap;gap:6px;display:flex}.select-pill{border-color:var(--border);background:#0d1418;border-radius:6px;width:auto;padding:4px 8px;font-size:11px}.composer-title-field{border-color:var(--border);margin-bottom:8px;font-size:14px;font-weight:600}.composer-textarea-main{resize:vertical;border-color:var(--border-subtle);background:#0d1418;border-radius:8px;min-height:80px;padding:10px;font-size:14px;line-height:1.5}.composer-poll-drawer{border:1px dashed var(--gold);background:#00000059;border-radius:8px;margin-top:8px;padding:10px}.poll-drawer-header{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.poll-options-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-top:6px;display:grid}.composer-action-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.composer-tool-buttons{flex-wrap:wrap;gap:6px;display:flex}.tool-button{color:var(--muted);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .12s;display:inline-flex}.tool-button:hover{color:var(--text);border-color:var(--border);background:#ffffff14}.tool-button.active{background:var(--gold-subtle);border-color:var(--gold);color:var(--gold);font-weight:600}.composer-submit-group{align-items:center;gap:10px;display:flex}.composer-char-limit{color:var(--muted);font-size:11px}.post-submit-btn{padding:5px 14px;font-size:12px}.posts-vertical-stream{flex-direction:column;gap:12px;width:100%;display:flex}.fb-tw-post-card{border:1px solid var(--border);overflow-wrap:break-word;background:#10161a;border-radius:10px;width:100%;padding:16px;transition:border-color .15s}.fb-tw-post-card:hover{border-color:#ffffff26}.post-author-row{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.author-avatar-circle{border:1px solid var(--border);width:36px;height:36px;color:var(--gold);background:#182328;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.author-details-column{flex:1;min-width:0}.author-headline{flex-wrap:wrap;align-items:center;gap:6px;line-height:1.3;display:flex}.author-name{color:var(--text);font-size:13px;font-weight:700}.author-handle{color:var(--muted);font-size:12px}.dot-separator{color:var(--muted);font-size:10px}.post-date-time{color:var(--muted);font-size:12px}.post-pills-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.pill-badge{border:1px solid var(--border-subtle);color:var(--muted);white-space:nowrap;background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.category-pill{color:var(--gold);border-color:#d4a0174d}.game-pill{color:var(--cyan)}.discussion-pill{color:#a78bfa}.lfg-pill{color:#34d399}.rating-pill{color:#fbbf24}.spoiler-pill{color:#f87171}.post-content-container{margin:6px 0 10px}.post-heading-title{color:var(--text);margin:4px 0 6px;font-size:15px;font-weight:700}.post-body-text{color:#cbd5e1;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;font-size:14px;line-height:1.6}.fb-tw-spoiler-gate{border:1px dashed var(--gold);background:#d4a0170f;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;display:flex}.spoiler-warning-badge{color:var(--gold);align-items:center;gap:6px;font-size:12px;display:flex}.post-bottom-actions-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.fb-tw-reactions-row{flex-wrap:wrap;gap:4px;display:flex}.reaction-bubble{color:var(--muted);background:#ffffff08;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;transition:all .12s;display:inline-flex}.reaction-bubble:hover{color:var(--text);background:#ffffff14}.reaction-bubble.active{background:var(--gold-subtle);border-color:var(--gold);color:var(--gold);font-weight:600}.reaction-counter{font-size:11px;font-weight:600}.open-comments-action{color:var(--muted);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;transition:all .12s;display:inline-flex}.open-comments-action:hover{color:var(--gold);background:#ffffff0a}.open-comments-action .icon{width:14px;height:14px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;display:grid}.game-card{flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.game-cover{aspect-ratio:16/9;object-fit:cover;background:#0d1418;border-radius:6px;width:100%;margin-bottom:10px}.game-cover-empty{color:var(--gold);place-items:center;display:grid}.game-cover-empty .icon{width:32px;height:32px}.game-card h2{margin:4px 0 2px;font-size:15px;font-weight:700;line-height:1.3}.game-card p{color:var(--muted);font-size:12px}.game-meta{color:var(--gold);margin-top:4px;font-size:11px}.library-list{flex-direction:column;gap:12px;display:flex}.library-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.library-cover{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:80px}.library-title h2{margin-top:2px;font-size:16px;font-weight:700}.library-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-controls label{color:var(--muted);gap:4px;font-size:11px;display:grid}.library-controls input,.library-controls select{width:auto;padding:6px 8px;font-size:12px}.mission-list{flex-direction:column;gap:12px;display:flex}.mission-card{grid-template-columns:minmax(0,1fr) minmax(130px,180px) auto;align-items:center;gap:16px;display:grid}.mission-card h2{margin:3px 0 2px;font-size:15px;font-weight:700}.mission-card p{color:var(--muted);font-size:12px}.mission-progress{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.mission-progress progress{width:100%;height:6px;accent-color:var(--gold)}.mission-reward{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mission-reward strong{color:var(--gold);white-space:nowrap;font-size:13px}.adaptive-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;width:100%;display:grid}.feed-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.feed-title-main{letter-spacing:-.5px;font-size:24px;font-weight:800}.feed-title-main span{color:var(--gold)}.guest-composer-banner{background:linear-gradient(135deg,#d4a0171a,#10161af2);border:1px solid #d4a01740;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.guest-composer-banner .icon{width:28px;height:28px;color:var(--gold);flex-shrink:0}.guest-composer-banner strong{font-size:13px;display:block}.guest-composer-banner p{color:var(--muted);font-size:12px}.feed-filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.feed-filter-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.feed-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{color:var(--muted);border:1px solid var(--border-subtle);white-space:nowrap;background:#ffffff08;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s}.filter-tab:hover{color:var(--text);background:#ffffff12}.filter-tab.active{background:var(--gold-subtle);border-color:var(--gold);color:var(--gold);font-weight:600}.feed-search-inline{align-items:center;gap:6px;display:flex}.feed-inline-input{background:#0d1418;border-radius:999px;width:150px;padding:5px 10px;font-size:12px}.feed-loading-box,.feed-empty-box{text-align:center;border:1px solid var(--border);color:var(--muted);background:#10161a;border-radius:10px;padding:36px 16px}.feed-empty-box h3{color:var(--text);margin-bottom:6px;font-size:15px}.loading-shimmer-bar{background:#ffffff0f;border-radius:4px;width:70%;height:8px;margin:8px auto;display:block}.loading-shimmer-bar.short{width:40%}.panel{border:1px solid var(--border);background:#10161a;border-radius:10px;margin-bottom:14px;padding:16px}.panel h2{margin-bottom:8px;font-size:18px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.page-heading h1{font-size:24px;font-weight:800}.page-heading h1 span{color:var(--gold)}.outlined-badge{letter-spacing:1px;color:var(--gold);border:1px solid var(--gold);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.profile-card{border:1px solid var(--border);background:#10161a;border-radius:12px;margin-bottom:16px;overflow:hidden}.profile-cover-banner{border-bottom:1px solid var(--border);background-color:#0b1114;background-image:linear-gradient(#10161a26,#10161af2);background-position:50%;background-size:cover;width:100%;height:200px;position:relative}.profile-header-body{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex;position:relative}.profile-avatar-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-50px;display:flex}.profile-main-avatar{object-fit:cover;width:96px;height:96px;color:var(--gold);background:#141c22;border:3px solid #10161a;border-radius:50%;flex-shrink:0;place-items:center;font-size:32px;font-weight:800;display:grid;box-shadow:0 4px 14px #0009}.profile-identity-info{flex-direction:column;gap:6px;display:flex}.profile-identity-info h1,.profile-identity-info h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.profile-handle{color:var(--gold);font-size:13px;font-weight:600}.profile-bio-box{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.profile-meta-tags-section{flex-direction:column;gap:12px;display:flex}.profile-meta-group{flex-direction:column;gap:6px;display:flex}.profile-meta-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px;font-weight:700}.profile-tag-pills{flex-wrap:wrap;gap:6px;display:flex}.profile-tag-pill{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:12px}.profile-tag-pill.gold{background:var(--gold-subtle);color:var(--gold);border-color:#d4a0174d}.profile-settings-section{margin-top:18px}.profile-settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:10px;display:grid}.profile-setting-card{border:1px solid var(--border);background:#10161a;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;display:flex}.profile-setting-card h3{margin-bottom:4px;font-size:14px;font-weight:700}.profile-setting-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.profile-edit-form{border:1px solid var(--border);background:#10161a;border-radius:12px;flex-direction:column;gap:16px;padding:18px;display:flex}.profile-media-dropzones{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.profile-dropzone{color:var(--muted);border:1px dashed var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex}.profile-dropzone input[type=file]{font-size:11px}.auth-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#d4a0170d,#0000 70%),#0a0f12;flex-direction:column;padding:0 16px;display:flex}.auth-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px 0;display:flex}.auth-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;width:100%;max-width:1100px;margin:auto;padding:20px 0 40px;display:grid}.registration-layout{width:100%;max-width:520px;margin:auto;padding:20px 0 40px}.auth-story{flex-direction:column;gap:16px;display:flex}.auth-story h1{letter-spacing:-1px;font-size:38px;font-weight:800;line-height:1.15}.auth-story h1 em{color:var(--gold);font-style:normal;display:block}.story-copy{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.citadel-frame{border:1px solid var(--border);background:#10161a;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:440px;height:160px;margin:10px 0;display:flex;position:relative;overflow:hidden}.art-caption{letter-spacing:1.5px;color:var(--gold);background:#000000b3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:12px}.story-features{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.story-features>div{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.story-features .icon{color:var(--gold);width:18px;height:18px}.story-features span{color:var(--text);font-size:12px;font-weight:700}.story-features small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.25}.auth-card{border:1px solid var(--border);background:#11171d;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 0 1px #d4a0171a}.card-topline{border-bottom:1px solid var(--border);letter-spacing:1.5px;color:var(--gold);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 18px;font-size:10px;font-weight:700;display:flex}.card-topline .icon{width:14px;height:14px}.auth-card-body{flex-direction:column;gap:14px;padding:24px;display:flex}.auth-card-body h1,.auth-card-body h2{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.auth-fields{border:none;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.auth-fields label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.auth-fields input{border:1px solid var(--border);color:var(--text);background:#0b1013;border-radius:6px;width:100%;padding:10px 12px;font-size:13px}.auth-fields input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #d4a01733}.password-field{align-items:center;width:100%;display:flex;position:relative}.password-field input{width:100%;padding-right:40px}.password-field .icon-button{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid;position:absolute;right:8px}.password-field .icon-button:hover{color:var(--text)}.login-submit{justify-content:center;width:100%;margin-top:4px;padding:12px;font-weight:700}.divider{text-align:center;color:var(--muted);align-items:center;margin:6px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider span{padding:0 10px}.oauth-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth-buttons .button{justify-content:center;font-size:12px}.provider-letter{color:#ea4335;font-size:13px;font-weight:800}.auth-footnote{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.guest-link{color:var(--gold);align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.guest-link:hover{text-decoration:underline}.auth-card-footer{border-top:1px solid var(--border);color:var(--muted);background:#0000004d;align-items:center;gap:8px;padding:10px 18px;font-size:11px;display:flex}.auth-footer{width:100%;max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:20px 0;font-size:11px;display:flex}.mobile-bottom-tabs{display:none}@media (max-width:1199px){.social-layout-grid{grid-template-columns:210px minmax(0,1fr);gap:16px;padding:16px 12px 80px}.social-right-sidebar{display:none}.header-search-bar{width:140px}}@media (max-width:991px){.social-header{justify-content:space-between;height:54px;padding:0 12px;display:flex}.header-center-tabs{display:none}.mobile-hamburger{display:inline-grid}.hide-mobile{display:none}.social-layout-grid{padding:12px 10px 80px;display:block}.social-left-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:45;scrollbar-width:none;background:#090e11fa;max-height:none;padding:16px;display:none;position:fixed;inset:54px 0 0;overflow-y:auto}.social-left-sidebar::-webkit-scrollbar{display:none}.social-left-sidebar.is-open{display:block}.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.library-card{grid-template-columns:auto 1fr}.library-controls{grid-column:1/-1;width:100%}.mission-card{grid-template-columns:1fr;gap:12px}.mission-reward{justify-content:space-between;width:100%}.mobile-bottom-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);height:54px;padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#0c1216f5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-tabs a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.mobile-bottom-tabs a.active{color:var(--gold);font-weight:700}.mobile-bottom-tabs a .icon{width:18px;height:18px}.auth-layout{grid-template-columns:1fr;gap:28px;padding:16px 0 32px}.auth-story{text-align:center;align-items:center}.auth-story h1{font-size:28px}.citadel-frame{max-width:100%}.story-features{width:100%}}@media (max-width:640px){.header-search-bar{display:none}.brand{letter-spacing:2px;font-size:17px}.brand-mark{width:26px;height:26px}.brand-mark .icon{width:22px;height:22px}.feed-title-main,.page-heading h1{font-size:20px}.auth-story h1{font-size:22px}.story-features{grid-template-columns:1fr;gap:8px}.auth-card-body{padding:18px 14px}.oauth-buttons{grid-template-columns:1fr}.auth-footer{text-align:center;flex-direction:column}.registration-layout{padding:10px 0 30px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.feed-filter-bar{flex-direction:column;align-items:flex-start}.feed-search-inline,.feed-inline-input{width:100%}.composer-format-row{flex-direction:column;align-items:flex-start}.composer-meta-selects{width:100%}.composer-meta-selects select{flex:1}.composer-action-bar{flex-direction:column;align-items:stretch}.composer-submit-group{justify-content:space-between}.post-bottom-actions-row{flex-direction:column;align-items:flex-start}.library-card{text-align:center;grid-template-columns:1fr}.library-cover{width:100px;margin:0 auto}.library-controls{flex-direction:column;align-items:stretch}.library-controls input,.library-controls select,.library-controls .button{width:100%}.header-popover{width:calc(100vw - 20px);right:-48px}.profile-cover-banner{height:140px}.profile-avatar-row{flex-direction:column;align-items:flex-start;gap:10px}.profile-avatar-row .button{justify-content:center;width:100%}.profile-main-avatar{width:76px;height:76px;font-size:26px}.profile-settings-grid,.profile-media-dropzones{grid-template-columns:1fr}.profile-edit-form .form-actions{flex-direction:column}.profile-edit-form .form-actions .button{width:100%}}.feed-scope-nav-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem;display:flex}.scope-nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.scope-nav-btn:hover{color:var(--text);background:#ffffff0a}.scope-nav-btn.active{color:var(--gold);background:linear-gradient(135deg,#d4a01726,#d4a0170d);border-color:#d4a01759;box-shadow:0 0 12px #d4a01726}.composer-image-preview-box{background:#0a0f1ea6;border:1px solid #d4a01740;border-radius:8px;align-items:center;gap:.75rem;margin:.5rem 0 .75rem;padding:.6rem .85rem;display:flex;position:relative}.composer-preview-wrap{display:inline-block;position:relative}.composer-image-thumbnail{object-fit:cover;border:1px solid #ffffff26;border-radius:6px;width:64px;height:64px}.composer-remove-image-btn{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;transition:transform .15s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0006}.composer-remove-image-btn:hover{background:#dc2626;transform:scale(1.15)}.composer-image-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.85rem;overflow:hidden}.post-media-frame{background:#00000059;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;max-height:480px;margin:.85rem 0 .5rem;display:flex;overflow:hidden}.post-media-image{object-fit:contain;border-radius:8px;width:100%;max-height:480px;transition:transform .25s;display:block}.post-media-image:hover{transform:scale(1.01)}.game-achievement-share-card{background:linear-gradient(135deg,#d4a0171f,#1e143266);border:1px solid #d4a01759;border-radius:10px;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;animation:.3s ease-out fadeInDown;display:flex;box-shadow:0 4px 20px #d4a0171a}.achievement-share-icon{filter:drop-shadow(0 0 10px #d4a01780);flex-shrink:0;font-size:2.25rem}.achievement-share-info{flex:1}.achievement-share-info strong{color:var(--gold);margin-bottom:.2rem;font-size:.95rem;display:block}.achievement-share-info p{color:var(--text);opacity:.85;margin:0;font-size:.85rem}.achievement-share-actions{flex-shrink:0;gap:.5rem;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.feed-scope-nav-group{justify-content:center;width:100%}.game-achievement-share-card{flex-direction:column;align-items:flex-start}.achievement-share-actions{justify-content:flex-end;width:100%}}.shader-video-wrapper,.banner-video-wrapper{background:#080c16;border:1px solid #d4a01759;border-radius:14px;width:100%;height:280px;min-height:220px;max-height:380px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 20px #d4a01714}.banner-video-element{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;display:flex}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text);background:#ffffff0d}.tab.is-active{background:var(--gold-subtle);color:var(--gold);border-color:#d4a01766;font-weight:700}@media (max-width:640px){.shader-video-wrapper,.banner-video-wrapper{height:200px}}.game-showcase-container{background:radial-gradient(circle at 50% 20%,#161e2af5,#080b10fa);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:18px;min-height:580px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000bf,0 0 0 1px #d4a0171f}.showcase-ambient-backdrop{filter:blur(55px)saturate(2)opacity(.28);pointer-events:none;z-index:0;background-position:50%;background-size:cover;transition:background-image .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:-50px}.showcase-gradient-overlay{pointer-events:none;z-index:1;background:linear-gradient(#080b1080 0%,#080b1026 35%,#080b10e6 100%);position:absolute;inset:0}.showcase-top-header{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.showcase-live-badge{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;background:#d4a0171f;border:1px solid #d4a01759;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.showcase-live-badge .live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.showcase-headline{letter-spacing:-.5px;color:#fff;margin:0;font-size:26px;font-weight:800;line-height:1.2}.showcase-headline span{color:var(--gold)}.showcase-subtext{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.showcase-marquee-stage{z-index:2;grid-template-columns:1fr 1fr;gap:12px;height:350px;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}.showcase-marquee-column{flex-direction:column;gap:12px;display:flex}.showcase-marquee-column.col-up{animation:32s linear infinite marqueeScrollUp}.showcase-marquee-column.col-down{animation:36s linear infinite marqueeScrollDown}.game-showcase-container.is-paused .showcase-marquee-column{animation-play-state:paused}@keyframes marqueeScrollUp{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}@keyframes marqueeScrollDown{0%{transform:translateY(-33.333%)}to{transform:translateY(0)}}.showcase-game-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#121820e0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.showcase-game-card:hover,.showcase-game-card.is-active{border-color:var(--gold);background:#1a222efa;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px -6px #000c,0 0 14px #d4a01747}.game-card-media{background:#0d1117;width:100%;height:90px;position:relative;overflow:hidden}.game-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.showcase-game-card:hover .game-card-img{transform:scale(1.06)}.game-card-placeholder{place-items:center;width:100%;height:100%;font-size:24px;display:grid}.game-card-vignette{background:linear-gradient(#0000 40%,#121820e6 100%);position:absolute;inset:0}.game-card-rating{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--gold);background:#000c;border:1px solid #d4a01773;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:6px;right:6px}.game-card-rating .star-icon{color:#fbbf24;font-size:9px}.game-card-details{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.game-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-weight:700;overflow:hidden}.game-card-meta{align-items:center;gap:5px;display:flex}.game-genre-tag{color:var(--gold);background:#d4a0171f;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.game-platform-tag{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:75px;font-size:9px;overflow:hidden}.showcase-stats-strip{z-index:2;border-top:1px solid #ffffff14;justify-content:space-between;gap:8px;padding-top:10px;display:flex;position:relative}.stat-pill{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:6px 8px;display:flex}.stat-num{color:var(--gold);font-size:13px;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}@media (max-width:860px){.auth-layout{grid-template-columns:1fr;gap:28px}.showcase-marquee-stage{height:260px}.game-showcase-container{min-height:auto}}.library-stats-overview{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px;display:grid}.library-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#11171dd9;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.library-stat-card .stat-value{color:var(--gold);font-size:20px;font-weight:800;line-height:1.2}.library-stat-card .stat-name{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.library-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.library-search-input-wrapper{flex:1;min-width:220px;max-width:360px;position:relative}.library-search-input-wrapper input{border:1px solid var(--border);width:100%;color:var(--text);background:#0d1217;border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-size:13px;transition:all .15s}.library-search-input-wrapper input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4a01733}.library-search-input-wrapper .search-icon{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.library-list{flex-direction:column;gap:14px;width:100%;display:flex}.library-card{border:1px solid var(--border);background:#11171d;border-radius:12px;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px;transition:all .2s;display:grid;position:relative;overflow:hidden}.library-card:hover{border-color:#d4a01759;box-shadow:0 8px 24px -6px #0009}.library-card.is-favorite{border-color:#d4a01766}.library-card-media{background:#090d10;border-radius:8px;flex-shrink:0;width:140px;height:95px;position:relative;overflow:hidden}.library-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.library-card:hover .library-card-media img{transform:scale(1.05)}.library-media-fallback{width:100%;height:100%;color:var(--muted);place-items:center;font-size:28px;display:grid}.library-card-content{flex-direction:column;gap:6px;min-width:0;display:flex}.library-status-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.library-status-pill.status-playing{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.library-status-pill.status-completed{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.library-status-pill.status-mastered{color:var(--gold);background:#d4a0172e;border:1px solid #d4a01773;box-shadow:0 0 10px #d4a01733}.library-status-pill.status-backlog{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.library-status-pill.status-paused{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.library-status-pill.status-abandoned{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.library-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:800;overflow:hidden}.library-card-title a{color:inherit;text-decoration:none}.library-card-title a:hover{color:var(--gold)}.library-progress-container{flex-direction:column;gap:4px;width:100%;max-width:320px;display:flex}.library-progress-bar{background:#ffffff14;border-radius:9999px;width:100%;height:6px;overflow:hidden}.library-progress-fill{background:linear-gradient(90deg,#d4a017,#f59e0b);border-radius:9999px;height:100%;transition:width .3s}.library-card-meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.library-card-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.library-control-group{flex-direction:column;gap:3px;display:flex}.library-control-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.library-control-group select,.library-control-group input[type=number]{border:1px solid var(--border);color:var(--text);background:#0b1014;border-radius:6px;outline:none;padding:6px 8px;font-size:12px;font-weight:600;transition:border-color .15s}.library-control-group select{cursor:pointer;min-width:120px}.library-control-group input[type=number]{text-align:center;width:70px}.library-control-group select:focus,.library-control-group input[type=number]:focus{border-color:var(--gold)}.library-fav-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:6px;align-self:flex-end;align-items:center;gap:4px;height:31px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.library-fav-btn:hover{color:var(--text);background:#ffffff14}.library-fav-btn.is-active{border-color:var(--gold);color:var(--gold);background:#d4a01726}.library-actions-row{align-self:flex-end;align-items:center;gap:6px;display:flex}@media (max-width:980px){.library-card{grid-template-columns:120px 1fr;gap:14px}.library-card-controls{border-top:1px solid #ffffff0d;grid-column:1/-1;justify-content:flex-start;width:100%;padding-top:10px}}@media (max-width:600px){.library-card{grid-template-columns:1fr;gap:12px}.library-card-media{width:100%;height:140px}.library-card-title{white-space:normal}.library-progress-container{max-width:100%}.library-control-group{flex:1;min-width:110px}.library-control-group select,.library-control-group input[type=number]{width:100%}.library-actions-row{justify-content:space-between;width:100%}}.crop-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000d9;place-items:center;padding:16px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.crop-modal-card{border:1px solid var(--border);background:#11171d;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:580px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;box-shadow:0 25px 60px #000000d9,0 0 0 1px #d4a01726}.crop-modal-header{justify-content:space-between;align-items:flex-start;display:flex}.crop-modal-header h3{color:var(--text);margin:4px 0 0;font-size:20px;font-weight:800}.crop-modal-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.crop-stage-wrapper{background:#080c10;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px;display:flex}.crop-frame-viewport{border:2px solid var(--gold);-webkit-user-select:none;user-select:none;touch-action:none;background:#000;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.crop-frame-viewport.is-avatar-frame{width:280px;height:280px}.crop-frame-viewport.is-cover-frame{width:100%;height:200px}.crop-target-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:auto;width:auto;max-width:none;height:100%;max-height:none;transition:none}.crop-circle-mask{pointer-events:none;border:2px dashed #d4a017d9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 9999px #0000008c}.crop-grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:33.33% 33.33%;position:absolute;inset:0}.crop-modal-controls{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.crop-zoom-control{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.crop-zoom-control .zoom-label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.crop-zoom-control input[type=range]{accent-color:var(--gold);cursor:pointer;flex:1;height:4px}.crop-zoom-control .zoom-value{color:var(--gold);text-align:right;min-width:40px;font-size:12px;font-weight:700}.auto-center-btn{font-size:12px!important}.crop-modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.avatar-frame-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.cover-frame-wrapper{border:1px solid #ffffff14;border-radius:12px;width:100%;transition:all .3s;position:relative;overflow:hidden}.rank-title-badge{letter-spacing:.2px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.rank-level-tag{background:#0006;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:800}.profile-xp-card{background:linear-gradient(135deg,#10161af2,#182026f2);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.profile-xp-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.profile-xp-track{background:#ffffff0f;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.profile-xp-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.rank-border-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513,#cd7f32);box-shadow:0 0 10px #cd7f3259}.cover-frame-wrapper.rank-border-bronze{border:2px solid #cd7f32;box-shadow:0 0 16px #cd7f3240}.rank-title-badge.rank-border-bronze{color:#e2a76f;background:#cd7f3226;border-color:#cd7f3266}.rank-border-iron{background:linear-gradient(135deg,#94a3b8,#475569,#cbd5e1);box-shadow:0 0 10px #94a3b859}.cover-frame-wrapper.rank-border-iron{border:2px solid #94a3b8;box-shadow:0 0 16px #94a3b840}.rank-title-badge.rank-border-iron{color:#cbd5e1;background:#94a3b826;border-color:#94a3b866}.rank-border-silver{background:linear-gradient(135deg,#38bdf8,#e0f2fe,#0284c7);box-shadow:0 0 14px #38bdf873}.cover-frame-wrapper.rank-border-silver{border:2px solid #38bdf8;box-shadow:0 0 20px #38bdf84d}.rank-title-badge.rank-border-silver{color:#7dd3fc;background:#38bdf826;border-color:#38bdf873}.rank-border-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706,#fef08a);animation:3s ease-in-out infinite pulseGold;box-shadow:0 0 18px #f59e0b8c}.cover-frame-wrapper.rank-border-gold{border:2px solid #f59e0b;box-shadow:0 0 24px #f59e0b59}.rank-title-badge.rank-border-gold{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b80}@keyframes pulseGold{0%,to{box-shadow:0 0 14px #f59e0b66}50%{box-shadow:0 0 22px #f59e0bb3}}.rank-border-platinum{background:linear-gradient(135deg,#c084fc,#a855f7,#6b21a8,#f3e8ff);animation:3s ease-in-out infinite pulseArcane;box-shadow:0 0 20px #a855f799}.cover-frame-wrapper.rank-border-platinum{border:2px solid #a855f7;box-shadow:0 0 28px #a855f766}.rank-title-badge.rank-border-platinum{color:#d8b4fe;background:#a855f72e;border-color:#a855f780}@keyframes pulseArcane{0%,to{box-shadow:0 0 14px #a855f773}50%{box-shadow:0 0 24px #a855f7cc}}.rank-border-emerald{background:linear-gradient(135deg,#34d399,#10b981,#047857,#a7f3d0);animation:3s ease-in-out infinite pulseEmerald;box-shadow:0 0 20px #10b98199}.cover-frame-wrapper.rank-border-emerald{border:2px solid #10b981;box-shadow:0 0 28px #10b98166}.rank-title-badge.rank-border-emerald{color:#6ee7b7;background:#10b9812e;border-color:#10b98180}@keyframes pulseEmerald{0%,to{box-shadow:0 0 14px #10b98173}50%{box-shadow:0 0 24px #10b981cc}}.rank-border-diamond{background:linear-gradient(135deg,#22d3ee,#06b6d4,#0891b2,#cffafe);animation:2.5s ease-in-out infinite pulseDiamond;box-shadow:0 0 22px #06b6d4b3}.cover-frame-wrapper.rank-border-diamond{border:2px solid #06b6d4;box-shadow:0 0 32px #06b6d473}.rank-title-badge.rank-border-diamond{color:#67e8f9;background:#06b6d42e;border-color:#06b6d480}@keyframes pulseDiamond{0%,to{box-shadow:0 0 16px #06b6d480}50%{box-shadow:0 0 28px #06b6d4e6}}.rank-border-ruby{background:linear-gradient(135deg,#f87171,#ef4444,#b91c1c,#fee2e2);animation:2.5s ease-in-out infinite pulseRuby;box-shadow:0 0 24px #ef4444bf}.cover-frame-wrapper.rank-border-ruby{border:2px solid #ef4444;box-shadow:0 0 34px #ef444480}.rank-title-badge.rank-border-ruby{color:#fca5a5;background:#ef44442e;border-color:#ef444480}@keyframes pulseRuby{0%,to{box-shadow:0 0 18px #ef44448c}50%{box-shadow:0 0 30px #ef4444f2}}.rank-border-celestial{background:linear-gradient(135deg,#818cf8,#6366f1,#3730a3,#e0e7ff);animation:2.5s ease-in-out infinite pulseCelestial;box-shadow:0 0 26px #6366f1cc}.cover-frame-wrapper.rank-border-celestial{border:2px solid #6366f1;box-shadow:0 0 36px #6366f18c}.rank-title-badge.rank-border-celestial{color:#a5b4fc;background:#6366f133;border-color:#6366f18c}@keyframes pulseCelestial{0%,to{box-shadow:0 0 20px #6366f199}50%{box-shadow:0 0 32px #6366f1}}.rank-border-mythic{background:linear-gradient(135deg,#facc15,#ec4899,#8b5cf6,#38bdf8,#facc15) 0 0/300% 300%;animation:4s linear infinite rotateMythicGradient,2s ease-in-out infinite pulseMythic;box-shadow:0 0 30px #facc15d9}.cover-frame-wrapper.rank-border-mythic{background-image:linear-gradient(#0a0d14f2,#0a0d14f2),linear-gradient(135deg,#facc15,#ec4899,#8b5cf6,#38bdf8);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;box-shadow:0 0 40px #facc1599}.rank-title-badge.rank-border-mythic{color:#fef08a;text-shadow:0 0 8px #facc1599;background:linear-gradient(135deg,#facc1533,#ec489933,#8b5cf633);border-color:#facc1599}@keyframes rotateMythicGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseMythic{0%,to{box-shadow:0 0 22px #facc15b3}50%{box-shadow:0 0 36px #ec4899e6}}.inline-comments-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;margin-top:10px;padding-top:12px;animation:.2s fadeIn;display:flex}.inline-reply-composer{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:10px;display:flex}.inline-reply-input-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.inline-reply-textarea{resize:vertical;width:100%;min-height:52px;max-height:140px;color:var(--text);background:#00000040;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.inline-reply-textarea:focus{border-color:var(--gold)}.inline-reply-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.inline-spoiler-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:inline-flex}.inline-spoiler-toggle input[type=checkbox]{accent-color:var(--gold);cursor:pointer}.inline-comments-list{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.inline-comments-empty{color:var(--muted);text-align:center;padding:8px 4px;font-size:12px;font-style:italic}.inline-comment-item{background:#ffffff04;border:1px solid #ffffff0a;border-radius:8px;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.inline-comment-item:hover{background:#ffffff08}.inline-comment-avatar{background:linear-gradient(135deg, var(--gold-subtle), #d4a01766);border:1px solid var(--gold);width:28px;height:28px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.inline-comment-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.inline-comment-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-comment-author{color:var(--text);font-size:12px;font-weight:700}.inline-comment-handle{color:var(--muted);font-size:11px}.inline-comment-time{color:var(--muted);font-size:10px}.inline-comment-text{color:var(--text-secondary);word-break:break-word;margin:0;font-size:12px;line-height:1.4}.inline-reply-mention-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:0;font-size:10px;transition:color .12s}.inline-reply-mention-btn:hover{color:var(--gold)}.inline-view-all-link{color:var(--gold);align-items:center;gap:4px;padding:4px 0;font-size:11px;text-decoration:none;transition:opacity .15s;display:inline-flex}.inline-view-all-link:hover{opacity:.85;text-decoration:underline}.post-options-wrap{flex-shrink:0;margin-left:auto;position:relative}.post-options-trigger-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.post-options-trigger-btn:hover,.post-options-trigger-btn.active{color:var(--gold);background:#ffb80014;border-color:#ffb80033}.post-options-dropdown{z-index:50;background:#151d24;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.15s ease-out postDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0009,0 0 15px #0000004d}@keyframes postDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.post-option-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.post-option-item .icon{width:16px;height:16px;color:var(--muted);flex-shrink:0;transition:color .12s}.post-option-item:hover{color:#fff;background:#ffffff12}.post-option-item:hover .icon{color:var(--gold)}.post-option-item.danger,.post-option-item.danger .icon{color:#f87171}.post-option-item.danger:hover{color:#ef4444;background:#ef444426}.post-option-item.danger:hover .icon{color:#ef4444}.post-edit-container{background:#121920d9;border:1px solid #ffb8004d;border-radius:8px;flex-direction:column;gap:10px;margin-top:8px;padding:14px;display:flex}.post-edit-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:8px;display:flex}.post-edit-header strong{color:var(--gold);align-items:center;gap:6px;font-size:13px;display:flex}.edit-media-preview-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:inline-flex}.post-delete-confirm-box{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;margin-top:8px;padding:14px;animation:.15s ease-out postDropdownFadeIn}.delete-confirm-content{flex-direction:column;gap:8px;display:flex}.delete-confirm-title{color:#f87171;margin:0;font-size:14px}.delete-confirm-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.delete-confirm-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.button-danger{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #ef4444;border-radius:6px;padding:6px 12px;font-weight:600;transition:all .15s}.button-danger:hover{background:#b91c1c;border-color:#f87171;box-shadow:0 0 10px #dc262666}.button-danger:disabled{opacity:.5;cursor:not-allowed}.post-action-toast{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}