:root{--bg:#121210;--panel:#1e1f1a;--panel-strong:#282a22;--text:#f4f1e8;--muted:#a9a493;--line:#393b31;--acid:#baff39;--mint:#43f3bd;--coral:#ff6f59;--amber:#ffc857;--shadow:0 18px 50px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(186,255,57,.18),transparent 28rem),linear-gradient(135deg,#151611 0%,#17130f 46%,#10110f 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-screen{position:fixed;inset:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);gap:1rem;min-height:100vh;padding:1rem;background:linear-gradient(135deg,rgba(18,18,16,.98),rgba(23,19,15,.98))}.auth-art,.auth-card,.sidebar,.workspace,.find-squad-card,.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat{border:1px solid var(--line);border-radius:8px;background:rgba(30,31,26,.94);box-shadow:var(--shadow)}.auth-art{display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(145deg,rgba(18,18,16,.3),rgba(18,18,16,.75)),conic-gradient(from 45deg,#baff39,#43f3bd,#ff6f59,#ffc857,#baff39)}.auth-art h1{max-width:44rem;margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.96}.auth-art p:last-child{max-width:34rem}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:1rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.auth-tab,.nav-item,.friend-button{border:1px solid var(--line);border-radius:8px;padding:.75rem;color:var(--text);background:#171812;font-weight:900;text-align:left}.auth-tab.active,.nav-item.active,.friend-button.active{color:#11120f;background:var(--acid)}.auth-form{display:grid;gap:.85rem}.auth-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem;font-weight:800}.auth-form input,.post-form input,.post-form select,.post-form textarea,.composer input,.account-link-form input,.account-link-form select{width:100%;border:1px solid var(--line);border-radius:8px;padding:.85rem;color:var(--text);background:#11120f}.auth-status{min-height:1.4rem;margin:1rem 0 0;color:var(--amber)}.app-shell{display:grid;grid-template-columns:19rem minmax(0,1fr);gap:1rem;min-height:100vh;padding:1rem}.sidebar{display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.brand,.topbar,.topbar-actions,.account-actions,.profile-tab,.match-banner,.card-actions,.player-row,.composer,.bracket-row,.form-row,.composer-actions,.post-meta,.chat-heading,.account-link-form{display:flex;align-items:center}.brand{gap:.8rem}.brand-mark{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:8px;background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.78),transparent .35rem),linear-gradient(135deg,var(--acid),var(--mint));box-shadow:0 0 0 1px rgba(244,241,232,.18),0 12px 30px rgba(67,243,189,.22)}.brand-mark:before{content:"";position:absolute;inset:.62rem 1.52rem .62rem .62rem;border-left:.38rem solid #11120f;border-right:.38rem solid #11120f;transform:skewX(-16deg)}.brand-mark:after{content:"";position:absolute;top:50%;right:.5rem;width:0;height:0;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;border-left:.86rem solid #11120f;transform:translateY(-50%)}.auth-art .brand-mark{width:4.25rem;height:4.25rem;margin-bottom:1rem}.brand strong,.brand span,.profile-tab strong,.profile-tab small,.account-card strong,.account-card span{display:block}.brand span,p,.friend-note,.account-card span{color:var(--muted)}.nav-list,.social-feed,.activity-grid,.room-layout,.achievement-grid,.tournament-board,.profile-layout,.stats-grid,.linked-account-grid,.friend-list{display:grid;gap:1rem}.find-squad-card,.activity-card,.room-card,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat,.feed-composer{padding:1rem}.find-squad-card{margin-top:auto}.tag,.eyebrow,.live-dot,.meta{color:var(--mint);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.8rem,3vw,3rem)}h2{font-size:1.35rem}.workspace{overflow:hidden;padding:1rem}.topbar{justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar-actions{justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.account-actions{justify-content:flex-end;gap:.5rem}.search-pill,.user-pill{display:flex;align-items:center;gap:.75rem;min-width:17rem;border:1px solid var(--line);border-radius:999px;padding:.7rem .9rem;color:var(--muted);background:#171812}.profile-tab{gap:.75rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem .35rem .35rem;color:var(--text);background:#171812;text-align:left}.profile-tab-avatar,.avatar,.player-row span{display:grid;place-items:center;color:#11120f;background:var(--acid);font-weight:900}.profile-tab-avatar{width:2.35rem;height:2.35rem;border-radius:50%;font-size:.82rem}#currentUserName{color:var(--acid)}.profile-tab small{font-size:.72rem;color:var(--muted);text-transform:uppercase}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:8px;padding:.75rem 1rem;font-weight:900}.primary-button{color:#11120f;background:var(--acid)}.secondary-button{color:#11120f;background:var(--mint)}.ghost-button{border:1px solid var(--line);color:var(--text);background:transparent}.small{padding:.55rem .75rem}.match-banner{justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem}.feed-composer{margin-bottom:1rem}.post-form{display:grid;gap:.8rem}.form-row,.composer-actions,.post-meta,.chat-heading,.account-link-form{gap:.75rem}.post-form select,.account-link-form select{max-width:11rem}.post-form textarea{min-height:5.5rem;resize:vertical}.upload-button{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem;background:#171812;font-weight:900;cursor:pointer}.upload-button input{position:absolute;inset:0;opacity:0}.image-preview,.post-image{width:100%;max-height:26rem;border-radius:8px;object-fit:cover}.post-card{overflow:hidden}.post-card-body{padding:1rem}.post-meta{justify-content:space-between;flex-wrap:wrap}.platform-pill,.account-pill{display:inline-flex;border-radius:999px;padding:.25rem .6rem;color:#11120f;background:var(--mint);font-size:.78rem;font-weight:900}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:1rem;color:var(--muted);background:rgba(17,18,15,.65)}.activity-grid{grid-template-columns:1.25fr .85fr .85fr}.hero-activity{display:grid;grid-template-columns:minmax(11rem,.8fr) 1fr;gap:1rem}.game-art{min-height:12rem;border-radius:8px;border:1px solid rgba(244,241,232,.12);background-size:cover;background-position:center}.apex{background:linear-gradient(145deg,rgba(18,18,16,.2),rgba(18,18,16,.55)),conic-gradient(from 30deg,#ff6f59,#ffc857,#43f3bd,#ff6f59)}.valorant{background:linear-gradient(135deg,rgba(255,111,89,.8),rgba(18,18,16,.4)),repeating-linear-gradient(45deg,#2f1b16 0 12px,#4b221b 12px 24px)}.rocket{background:radial-gradient(circle at 70% 25%,#baff39,transparent 7rem),linear-gradient(135deg,#25281c,#3a2418)}.card-actions{gap:.6rem;flex-wrap:wrap}.room-layout{grid-template-columns:1fr 1fr}.featured{grid-row:span 2}.player-row{gap:.45rem;margin:1rem 0}.player-row span{width:2.35rem;height:2.35rem;border-radius:50%}.player-row .empty{color:var(--text);background:transparent;border:1px dashed var(--muted)}.chat-panel{display:grid;grid-template-columns:18rem minmax(0,1fr);min-height:32rem}.voice-room,.messages{padding:1rem}.voice-room{border-right:1px solid var(--line)}.suggestion-button{width:100%;border:0;border-radius:8px;padding:.75rem;color:#11120f;background:var(--amber);font-weight:900;text-align:left}.chat-heading{justify-content:space-between;margin-bottom:1rem}.message-list{display:flex;flex:1;flex-direction:column}.message{border-radius:8px;margin-bottom:.75rem;padding:.8rem;background:#191a15}.message.self{align-self:flex-end;max-width:80%;background:#343823}.messages{display:flex;flex-direction:column}.composer{gap:.6rem;margin-top:auto}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-card{min-height:14rem}.rare{grid-column:span 2;background:linear-gradient(135deg,rgba(255,200,87,.22),rgba(40,42,34,.94)),var(--panel-strong)}.tournament-board{grid-template-columns:1fr 1fr}.main-event{min-height:22rem;background:linear-gradient(140deg,rgba(255,111,89,.2),rgba(67,243,189,.08)),var(--panel-strong)}.bracket-row{justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--line);padding:.85rem 0}.profile-layout{grid-template-columns:18rem 1fr}.profile-card{text-align:center}.avatar{width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{display:block;margin-bottom:.3rem;color:var(--acid);font-size:2.4rem}.linked-accounts-panel{grid-column:1/-1}.account-link-form{margin:1rem 0}.linked-account-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-card{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#171812}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-grid,.achievement-grid,.tournament-board,.profile-layout{grid-template-columns:1fr 1fr}.hero-activity,.chat-panel,.linked-account-grid{grid-template-columns:1fr}.voice-room{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:680px){.auth-screen{grid-template-columns:1fr}.auth-art{min-height:16rem;padding:1rem}.app-shell{padding:.5rem}.topbar,.topbar-actions,.account-actions,.form-row,.composer-actions,.chat-heading,.account-link-form,.match-banner{align-items:flex-start;flex-direction:column}.search-pill,.account-actions,.profile-tab,.post-form select,.account-link-form select{min-width:0;max-width:none;width:100%}.nav-list,.activity-grid,.room-layout,.achievement-grid,.tournament-board,.profile-layout,.stats-grid{grid-template-columns:1fr}.rare{grid-column:auto}}

/* Gamer neon theme */
:root{--bg:#050713;--panel:#101525;--panel-strong:#151b31;--text:#f7fbff;--muted:#91a2c7;--line:#27345c;--acid:#00f5ff;--mint:#8b5cf6;--coral:#ff2bd6;--amber:#ffdd57;--shadow:0 24px 70px rgba(0,245,255,.12),0 12px 42px rgba(0,0,0,.55)}
body{background:radial-gradient(circle at 14% 12%,rgba(0,245,255,.22),transparent 26rem),radial-gradient(circle at 82% 8%,rgba(255,43,214,.18),transparent 24rem),radial-gradient(circle at 70% 82%,rgba(139,92,246,.22),transparent 28rem),linear-gradient(135deg,#050713 0%,#080b1b 46%,#10071a 100%)}
.auth-screen{background:radial-gradient(circle at 18% 18%,rgba(0,245,255,.2),transparent 26rem),radial-gradient(circle at 75% 18%,rgba(255,43,214,.18),transparent 24rem),linear-gradient(135deg,rgba(5,7,19,.98),rgba(13,8,28,.98))}
.auth-art,.auth-card,.sidebar,.workspace,.find-squad-card,.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat{background:linear-gradient(180deg,rgba(21,27,49,.94),rgba(10,13,29,.94));border-color:rgba(0,245,255,.22);box-shadow:var(--shadow)}
.auth-art{background:linear-gradient(145deg,rgba(5,7,19,.15),rgba(5,7,19,.82)),radial-gradient(circle at 25% 25%,rgba(0,245,255,.85),transparent 12rem),radial-gradient(circle at 75% 35%,rgba(255,43,214,.78),transparent 14rem),linear-gradient(135deg,#1a1040,#061a38)}
.brand-mark{background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.9),transparent .36rem),linear-gradient(135deg,var(--acid),var(--coral));box-shadow:0 0 0 1px rgba(247,251,255,.28),0 0 26px rgba(0,245,255,.42),0 0 42px rgba(255,43,214,.2)}
.auth-tab,.nav-item,.friend-button,.search-pill,.profile-tab,.upload-button,.account-card,.message,.auth-form input,.post-form input,.post-form select,.post-form textarea,.composer input,.account-link-form input,.account-link-form select{background:#080d1c;border-color:rgba(145,162,199,.22)}
.auth-tab.active,.nav-item.active,.friend-button.active,.primary-button{color:#02040d;background:linear-gradient(135deg,var(--acid),#47ff90);box-shadow:0 0 24px rgba(0,245,255,.32)}
.secondary-button,.suggestion-button,.platform-pill,.account-pill{color:#fff;background:linear-gradient(135deg,var(--mint),var(--coral));box-shadow:0 0 18px rgba(255,43,214,.26)}
.ghost-button{border-color:rgba(0,245,255,.38);color:var(--acid);background:rgba(0,245,255,.04)}
.profile-tab:hover,.profile-tab:focus-visible,.nav-item:hover{border-color:rgba(0,245,255,.75);box-shadow:0 0 22px rgba(0,245,255,.18)}
.profile-tab-avatar,.avatar,.player-row span{background:linear-gradient(135deg,var(--acid),#47ff90);color:#02040d;box-shadow:0 0 18px rgba(0,245,255,.28)}
#currentUserName,.stat strong{color:var(--acid);text-shadow:0 0 16px rgba(0,245,255,.35)}
.tag,.eyebrow,.live-dot,.meta{color:var(--acid)}
.match-banner.matched,.rare,.main-event{background:linear-gradient(135deg,rgba(0,245,255,.14),rgba(255,43,214,.14)),var(--panel-strong)}
.apex{background:linear-gradient(145deg,rgba(5,7,19,.08),rgba(5,7,19,.55)),conic-gradient(from 30deg,#00f5ff,#8b5cf6,#ff2bd6,#00f5ff)}
.valorant{background:linear-gradient(135deg,rgba(255,43,214,.75),rgba(5,7,19,.35)),repeating-linear-gradient(45deg,#120a2a 0 12px,#26114a 12px 24px)}
.rocket{background:radial-gradient(circle at 70% 25%,#00f5ff,transparent 7rem),linear-gradient(135deg,#07172e,#261037)}
.brand-mark{object-fit:cover;padding:0;background:#050713}
.brand-mark:before,.brand-mark:after{display:none}
.auth-art .brand-mark{width:5rem;height:5rem}

body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 7rem 9rem,#ffdd57 0 2.4rem,transparent 2.45rem),conic-gradient(from 38deg at 7rem 9rem,transparent 0 70deg,rgba(255,221,87,.9) 71deg 360deg),radial-gradient(circle at 14rem 9rem,rgba(255,221,87,.85) 0 .32rem,transparent .36rem),radial-gradient(circle at 17rem 9rem,rgba(255,221,87,.85) 0 .32rem,transparent .36rem),radial-gradient(circle at 20rem 9rem,rgba(255,221,87,.85) 0 .32rem,transparent .36rem),radial-gradient(circle at 23rem 9rem,rgba(255,221,87,.85) 0 .32rem,transparent .36rem),linear-gradient(90deg,transparent 0 4rem,rgba(0,245,255,.12) 4rem 4.12rem,transparent 4.12rem 100%),linear-gradient(0deg,transparent 0 4rem,rgba(255,43,214,.1) 4rem 4.12rem,transparent 4.12rem 100%);background-size:auto,auto,auto,auto,auto,auto,8rem 8rem,8rem 8rem;opacity:.48;filter:drop-shadow(0 0 18px rgba(255,221,87,.28))}
body::after{content:"";position:fixed;right:4rem;bottom:3rem;width:16rem;height:16rem;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 36% 35%,#050713 0 .55rem,transparent .6rem),conic-gradient(from 35deg,#ffdd57 0 292deg,transparent 293deg 360deg);opacity:.18;filter:drop-shadow(0 0 34px rgba(255,221,87,.55))}
.auth-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 76%,rgba(255,221,87,.24) 0 2.8rem,transparent 2.85rem),radial-gradient(circle at 18% 76%,rgba(255,221,87,.7) 0 .28rem,transparent .31rem),radial-gradient(circle at 22% 76%,rgba(255,221,87,.7) 0 .28rem,transparent .31rem),radial-gradient(circle at 26% 76%,rgba(255,221,87,.7) 0 .28rem,transparent .31rem);opacity:.7}
.auth-screen>*{position:relative}

/* Pac-Man arcade background upgrade */
body{background-color:#050713;background-image:radial-gradient(circle at 16% 12%,rgba(255,221,87,.14),transparent 18rem),radial-gradient(circle at 88% 8%,rgba(255,43,214,.16),transparent 22rem),linear-gradient(90deg,rgba(0,245,255,.12) 2px,transparent 2px),linear-gradient(0deg,rgba(0,245,255,.1) 2px,transparent 2px),linear-gradient(135deg,#050713 0%,#080b1b 48%,#10071a 100%);background-size:auto,auto,88px 88px,88px 88px,auto}.auth-screen{overflow:hidden;background-color:#050713;background-image:radial-gradient(circle at 16% 18%,rgba(255,221,87,.22),transparent 16rem),radial-gradient(circle at 78% 18%,rgba(0,245,255,.18),transparent 18rem),linear-gradient(90deg,rgba(0,245,255,.14) 2px,transparent 2px),linear-gradient(0deg,rgba(255,43,214,.1) 2px,transparent 2px),linear-gradient(135deg,#050713 0%,#080b1b 52%,#12071c 100%);background-size:auto,auto,96px 96px,96px 96px,auto}.auth-screen:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 9% 16%,#ffdd57 0 3rem,transparent 3.05rem),conic-gradient(from 38deg at 9% 16%,transparent 0 70deg,rgba(255,221,87,.92) 71deg 360deg),radial-gradient(circle at 18% 16%,#ffdd57 0 .32rem,transparent .36rem),radial-gradient(circle at 22% 16%,#ffdd57 0 .32rem,transparent .36rem),radial-gradient(circle at 26% 16%,#ffdd57 0 .32rem,transparent .36rem),radial-gradient(circle at 30% 16%,#ffdd57 0 .32rem,transparent .36rem),radial-gradient(circle at 78% 72%,#ffdd57 0 2.4rem,transparent 2.45rem),conic-gradient(from 218deg at 78% 72%,transparent 0 68deg,rgba(255,221,87,.7) 69deg 360deg),radial-gradient(circle at 70% 72%,#ffdd57 0 .28rem,transparent .32rem),radial-gradient(circle at 66% 72%,#ffdd57 0 .28rem,transparent .32rem),radial-gradient(circle at 62% 72%,#ffdd57 0 .28rem,transparent .32rem);opacity:.72;filter:drop-shadow(0 0 18px rgba(255,221,87,.35))}.auth-screen:after{content:"";position:absolute;inset:1.5rem;pointer-events:none;z-index:0;border-radius:14px;background:linear-gradient(90deg,transparent 0 12%,rgba(0,245,255,.28) 12% 12.5%,transparent 12.5% 35%,rgba(0,245,255,.22) 35% 35.5%,transparent 35.5% 72%,rgba(255,43,214,.18) 72% 72.5%,transparent 72.5%),linear-gradient(0deg,transparent 0 18%,rgba(0,245,255,.24) 18% 18.5%,transparent 18.5% 44%,rgba(255,43,214,.2) 44% 44.5%,transparent 44.5% 78%,rgba(0,245,255,.18) 78% 78.5%,transparent 78.5%);opacity:.55}.auth-screen>*{position:relative;z-index:1}.auth-art{background-image:radial-gradient(circle at 12% 22%,rgba(255,221,87,.2),transparent 10rem),radial-gradient(circle at 78% 28%,rgba(255,43,214,.22),transparent 14rem),linear-gradient(90deg,rgba(0,245,255,.2) 2px,transparent 2px),linear-gradient(0deg,rgba(0,245,255,.16) 2px,transparent 2px),linear-gradient(145deg,rgba(5,7,19,.35),rgba(5,7,19,.72));background-size:auto,auto,72px 72px,72px 72px,auto}.auth-card,.workspace,.sidebar{background:linear-gradient(180deg,rgba(11,16,35,.86),rgba(5,7,19,.92));backdrop-filter:blur(10px)}.workspace{position:relative;background-image:radial-gradient(circle at 92% 9%,rgba(255,221,87,.16),transparent 8rem),linear-gradient(90deg,rgba(0,245,255,.09) 2px,transparent 2px),linear-gradient(0deg,rgba(255,43,214,.07) 2px,transparent 2px),linear-gradient(180deg,rgba(11,16,35,.9),rgba(5,7,19,.95));background-size:auto,82px 82px,82px 82px,auto}.workspace:before{content:"";position:absolute;right:2rem;top:6.5rem;width:11rem;height:11rem;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 34%,#050713 0 .45rem,transparent .5rem),conic-gradient(from 35deg,#ffdd57 0 292deg,transparent 293deg 360deg);opacity:.2;filter:drop-shadow(0 0 28px rgba(255,221,87,.5))}.workspace:after{content:"";position:absolute;right:14rem;top:11.5rem;width:13rem;height:.7rem;pointer-events:none;background:radial-gradient(circle,#ffdd57 0 .28rem,transparent .3rem);background-size:2rem .7rem;opacity:.58}.workspace>*{position:relative}.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat{background:linear-gradient(180deg,rgba(18,25,52,.9),rgba(8,12,28,.92));backdrop-filter:blur(6px)}.game-art.apex,.game-art.valorant,.game-art.rocket{position:relative;overflow:hidden}.game-art:after{content:"";position:absolute;inset:auto 1rem 1rem auto;width:3.2rem;height:3.2rem;border-radius:50%;background:conic-gradient(from 35deg,#ffdd57 0 292deg,transparent 293deg 360deg);filter:drop-shadow(0 0 16px rgba(255,221,87,.6));opacity:.9}

/* Glass gradient tab polish + richer Pac-Man scene */
.auth-tab,.nav-item,.profile-tab,.friend-button,.search-pill,.upload-button{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 42%,rgba(0,245,255,.08));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 34px rgba(0,0,0,.26);backdrop-filter:blur(16px) saturate(1.35)}
.auth-tab:before,.nav-item:before,.profile-tab:before,.friend-button:before,.search-pill:before,.upload-button:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 34%,rgba(0,245,255,.12) 54%,transparent 78%);opacity:.65;pointer-events:none}.auth-tab>*,.nav-item>*,.profile-tab>*,.friend-button>*,.search-pill>*,.upload-button>*{position:relative}.auth-tab.active,.nav-item.active,.friend-button.active{color:#f7fbff;background:linear-gradient(135deg,rgba(0,245,255,.92),rgba(139,92,246,.78) 52%,rgba(255,43,214,.88));border-color:rgba(255,255,255,.44);box-shadow:0 0 28px rgba(0,245,255,.34),0 0 40px rgba(255,43,214,.2),inset 0 1px 0 rgba(255,255,255,.35);text-shadow:0 1px 12px rgba(0,0,0,.34)}
.primary-button,.secondary-button,.ghost-button,.suggestion-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 36px rgba(0,0,0,.32);backdrop-filter:blur(14px)}.primary-button:before,.secondary-button:before,.ghost-button:before,.suggestion-button:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.32),transparent 36%,rgba(255,255,255,.12) 58%,transparent 82%);opacity:.6}.primary-button,.secondary-button,.ghost-button,.suggestion-button{isolation:isolate}.primary-button{background:linear-gradient(135deg,#00f5ff,#47ff90 58%,#ffdd57);color:#02040d}.secondary-button,.suggestion-button{background:linear-gradient(135deg,#8b5cf6,#ff2bd6 58%,#00f5ff);color:#fff}.ghost-button{background:linear-gradient(135deg,rgba(0,245,255,.12),rgba(139,92,246,.08));color:#00f5ff}.auth-card,.sidebar,.workspace,.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035) 34%,rgba(0,245,255,.045));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.42),0 0 34px rgba(0,245,255,.08);backdrop-filter:blur(18px) saturate(1.28)}
body{background-color:#040614;background-image:radial-gradient(circle at 14% 16%,rgba(255,221,87,.2),transparent 13rem),radial-gradient(circle at 82% 11%,rgba(255,43,214,.18),transparent 18rem),radial-gradient(circle at 62% 80%,rgba(0,245,255,.16),transparent 20rem),linear-gradient(90deg,rgba(0,245,255,.18) 2px,transparent 2px),linear-gradient(0deg,rgba(255,43,214,.12) 2px,transparent 2px),linear-gradient(135deg,#040614 0%,#080b1d 45%,#14071f 100%);background-size:auto,auto,auto,96px 96px,96px 96px,auto}.auth-screen{background-color:#040614;background-image:radial-gradient(circle at 10% 14%,rgba(255,221,87,.24),transparent 13rem),radial-gradient(circle at 78% 12%,rgba(0,245,255,.22),transparent 16rem),radial-gradient(circle at 65% 82%,rgba(255,43,214,.18),transparent 18rem),linear-gradient(90deg,rgba(0,245,255,.2) 2px,transparent 2px),linear-gradient(0deg,rgba(255,43,214,.12) 2px,transparent 2px),linear-gradient(135deg,#040614 0%,#080b1d 50%,#14071f 100%);background-size:auto,auto,auto,88px 88px,88px 88px,auto}.auth-screen:before{opacity:.95;background:radial-gradient(circle at 9% 15%,#ffdd57 0 3.15rem,transparent 3.2rem),conic-gradient(from 38deg at 9% 15%,transparent 0 70deg,#ffdd57 71deg 360deg),radial-gradient(circle at 18% 15%,#ffdd57 0 .34rem,transparent .38rem),radial-gradient(circle at 22% 15%,#ffdd57 0 .34rem,transparent .38rem),radial-gradient(circle at 26% 15%,#ffdd57 0 .34rem,transparent .38rem),radial-gradient(circle at 30% 15%,#ffdd57 0 .34rem,transparent .38rem),radial-gradient(circle at 34% 15%,#ffdd57 0 .34rem,transparent .38rem),radial-gradient(circle at 83% 74%,#ffdd57 0 2.6rem,transparent 2.66rem),conic-gradient(from 218deg at 83% 74%,transparent 0 68deg,rgba(255,221,87,.78) 69deg 360deg),radial-gradient(circle at 74% 74%,#ffdd57 0 .3rem,transparent .34rem),radial-gradient(circle at 70% 74%,#ffdd57 0 .3rem,transparent .34rem),radial-gradient(circle at 66% 74%,#ffdd57 0 .3rem,transparent .34rem),radial-gradient(circle at 62% 74%,#ffdd57 0 .3rem,transparent .34rem),radial-gradient(circle at 58% 74%,#ffdd57 0 .3rem,transparent .34rem)}
.auth-screen:after{inset:1rem;border:1px solid rgba(0,245,255,.16);background:linear-gradient(90deg,transparent 0 10%,rgba(0,245,255,.33) 10% 10.4%,transparent 10.4% 35%,rgba(0,245,255,.25) 35% 35.4%,transparent 35.4% 72%,rgba(255,43,214,.22) 72% 72.4%,transparent 72.4%),linear-gradient(0deg,transparent 0 18%,rgba(0,245,255,.28) 18% 18.4%,transparent 18.4% 44%,rgba(255,43,214,.24) 44% 44.4%,transparent 44.4% 78%,rgba(0,245,255,.22) 78% 78.4%,transparent 78.4%);opacity:.74}.workspace:before{opacity:.34;width:13rem;height:13rem;right:1.5rem;top:5.6rem}.workspace:after{opacity:.76;height:.8rem;background:radial-gradient(circle,#ffdd57 0 .31rem,transparent .34rem);background-size:1.75rem .8rem}.sidebar:after{content:"";display:block;min-height:7rem;border-radius:8px;background:radial-gradient(circle at 18% 50%,#ffdd57 0 1.4rem,transparent 1.45rem),conic-gradient(from 35deg at 18% 50%,transparent 0 72deg,rgba(255,221,87,.85) 73deg 360deg),radial-gradient(circle at 40% 50%,rgba(255,221,87,.8) 0 .22rem,transparent .25rem),radial-gradient(circle at 52% 50%,rgba(255,221,87,.8) 0 .22rem,transparent .25rem),radial-gradient(circle at 64% 50%,rgba(255,221,87,.8) 0 .22rem,transparent .25rem),linear-gradient(135deg,rgba(0,245,255,.08),rgba(255,43,214,.08));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 32px rgba(0,0,0,.28)}

/* Next Player matching flow */
.next-player-panel{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,245,255,.055) 38%,rgba(255,43,214,.075));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 70px rgba(0,0,0,.42),0 0 38px rgba(0,245,255,.11);backdrop-filter:blur(18px) saturate(1.3);overflow:hidden}.next-player-panel:before{content:"";position:absolute;right:1.25rem;top:1rem;width:6.5rem;height:6.5rem;border-radius:50%;background:radial-gradient(circle at 35% 34%,#050713 0 .26rem,transparent .3rem),conic-gradient(from 35deg,#ffdd57 0 292deg,transparent 293deg 360deg);opacity:.28;filter:drop-shadow(0 0 26px rgba(255,221,87,.55))}.next-player-panel:after{content:"";position:absolute;right:8rem;top:4rem;width:10rem;height:.7rem;background:radial-gradient(circle,#ffdd57 0 .28rem,transparent .31rem);background-size:1.55rem .7rem;opacity:.65}.next-player-panel>*{position:relative}.next-player-copy h2{font-size:clamp(2rem,4vw,4.2rem);line-height:.95;margin-bottom:.75rem}.next-player-copy p{max-width:38rem}.next-player-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.next-player-form label{display:grid;gap:.35rem;color:var(--muted);font-weight:900}.next-player-form select{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.85rem;color:var(--text);background:#080d1c;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.next-player-form button{grid-column:1/-1}.match-card{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:1rem;background:linear-gradient(135deg,rgba(8,13,28,.82),rgba(21,27,49,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.match-score{display:grid;place-items:center;width:8rem;height:8rem;border-radius:50%;background:conic-gradient(#00f5ff 0 78%,rgba(255,255,255,.12) 78% 100%);box-shadow:0 0 30px rgba(0,245,255,.28)}.match-score strong{font-size:2rem;color:#fff}.match-score span{font-size:.72rem;color:#02040d;background:#ffdd57;border-radius:999px;padding:.18rem .45rem;font-weight:900;text-transform:uppercase}.matched-player h3{font-size:1.7rem;margin-bottom:.35rem}.match-chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.match-chip-row span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.35rem .65rem;color:#f7fbff;background:linear-gradient(135deg,rgba(0,245,255,.18),rgba(255,43,214,.16));font-size:.82rem;font-weight:900}@media(max-width:860px){.next-player-panel,.match-card{grid-template-columns:1fr}.next-player-form{grid-template-columns:1fr}.match-score{width:7rem;height:7rem}}

/* Animated Pac-Man ambience */
@keyframes pelletDrift{from{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,0 0,96px 0,0 96px,0 0}}
@keyframes pacFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-1.2rem,.7rem,0) rotate(-3deg)}}
@keyframes pacPulse{0%,100%{opacity:.28;filter:drop-shadow(0 0 24px rgba(255,221,87,.45))}50%{opacity:.5;filter:drop-shadow(0 0 38px rgba(255,221,87,.75))}}
@keyframes arcadeGlow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.42),0 0 26px rgba(0,245,255,.08)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 70px rgba(0,0,0,.42),0 0 42px rgba(255,43,214,.12)}}
@keyframes mouthChomp{0%,100%{clip-path:polygon(50% 50%,100% 12%,100% 88%)}50%{clip-path:polygon(50% 50%,100% 42%,100% 58%)}}
body,.auth-screen{animation:pelletDrift 18s linear infinite}.workspace,.auth-card,.sidebar{animation:arcadeGlow 5s ease-in-out infinite}.workspace:before,.next-player-panel:before,body:after{animation:pacFloat 6s ease-in-out infinite,pacPulse 3s ease-in-out infinite}.workspace:after,.next-player-panel:after{animation:pelletSlide 2.8s linear infinite}@keyframes pelletSlide{from{background-position:0 0}to{background-position:1.75rem 0}}
.animated-pacman{position:fixed;left:-5rem;top:62%;z-index:0;width:4.5rem;height:4.5rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 32%,#050713 0 .22rem,transparent .25rem),#ffdd57;filter:drop-shadow(0 0 22px rgba(255,221,87,.65));animation:pacRun 16s linear infinite}.animated-pacman:after{content:"";position:absolute;inset:0;background:#050713;clip-path:polygon(50% 50%,100% 18%,100% 82%);animation:mouthChomp .38s steps(2,end) infinite}.animated-pacman:before{content:"";position:absolute;left:5.8rem;top:50%;width:18rem;height:.8rem;transform:translateY(-50%);background:radial-gradient(circle,#ffdd57 0 .25rem,transparent .28rem);background-size:1.8rem .8rem;opacity:.8}@keyframes pacRun{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 10rem))}}
.auth-screen .animated-pacman{display:none}
@media(prefers-reduced-motion:reduce){body,.auth-screen,.workspace,.auth-card,.sidebar,.workspace:before,.next-player-panel:before,body:after,.workspace:after,.next-player-panel:after,.animated-pacman,.animated-pacman:after{animation:none}}

/* Street fighter arena theme override */
:root{--bg:#070816;--panel:#151827;--panel-strong:#1b2035;--text:#fffaf0;--muted:#b9c0d7;--line:#3a456d;--acid:#ffcf33;--mint:#2f8cff;--coral:#ff304f;--amber:#ff7a18;--shadow:0 24px 70px rgba(255,48,79,.16),0 12px 42px rgba(0,0,0,.6)}
body{background-color:#070816;background-image:radial-gradient(circle at 14% 18%,rgba(47,140,255,.36),transparent 20rem),radial-gradient(circle at 86% 12%,rgba(255,48,79,.34),transparent 22rem),linear-gradient(115deg,transparent 0 44%,rgba(255,207,51,.12) 44% 45%,transparent 45% 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px),linear-gradient(135deg,#070816 0%,#101427 48%,#250911 100%)}
.auth-screen{background-color:#070816;background-image:radial-gradient(circle at 12% 20%,rgba(47,140,255,.42),transparent 18rem),radial-gradient(circle at 84% 18%,rgba(255,48,79,.38),transparent 20rem),linear-gradient(115deg,transparent 0 46%,rgba(255,207,51,.14) 46% 46.5%,transparent 46.5%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 24px),linear-gradient(135deg,#070816 0%,#11172c 52%,#2b0710 100%)}
body:before,.auth-screen:before,.auth-screen:after,.workspace:before,.workspace:after,.next-player-panel:before,.next-player-panel:after,.animated-pacman,.sidebar:after,.game-art:after{display:none!important}.auth-art{background-image:radial-gradient(circle at 20% 25%,rgba(47,140,255,.45),transparent 13rem),radial-gradient(circle at 80% 35%,rgba(255,48,79,.42),transparent 15rem),linear-gradient(135deg,rgba(255,207,51,.18),transparent 35%),linear-gradient(145deg,rgba(7,8,22,.32),rgba(7,8,22,.76))}.auth-card,.sidebar,.workspace,.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.achievement-card,.tournament-card,.bracket-card,.profile-card,.linked-accounts-panel,.stat,.next-player-panel{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 35%,rgba(255,48,79,.055));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 26px 72px rgba(0,0,0,.46),0 0 38px rgba(255,48,79,.12);backdrop-filter:blur(18px) saturate(1.25)}
.auth-art:before,.workspace:before,.next-player-panel:before{content:"VS"!important;display:grid!important;place-items:center;position:absolute;right:2rem;top:2rem;width:5.8rem;height:5.8rem;border-radius:50%;font-weight:1000;font-size:1.8rem;font-style:italic;color:#070816;background:linear-gradient(135deg,#ffcf33,#ff7a18);box-shadow:0 0 28px rgba(255,207,51,.38);transform:rotate(-10deg);opacity:.9}.workspace:before{right:1.5rem;top:5rem;opacity:.18}.next-player-panel:before{right:1rem;top:1rem;opacity:.25}.brand-mark{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 26px rgba(47,140,255,.38),0 0 44px rgba(255,48,79,.24)}.auth-tab,.nav-item,.friend-button,.search-pill,.profile-tab,.upload-button{background:linear-gradient(135deg,rgba(47,140,255,.18),rgba(255,255,255,.045) 42%,rgba(255,48,79,.16));border-color:rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.02em}.auth-tab.active,.nav-item.active,.friend-button.active{background:linear-gradient(135deg,#2f8cff,#7b5cff 45%,#ff304f);color:#fff;box-shadow:0 0 28px rgba(47,140,255,.28),0 0 34px rgba(255,48,79,.24)}.primary-button{background:linear-gradient(135deg,#ffcf33,#ff7a18 55%,#ff304f);color:#13060a}.secondary-button,.suggestion-button{background:linear-gradient(135deg,#2f8cff,#7b5cff 55%,#ff304f);color:#fff}.ghost-button{background:linear-gradient(135deg,rgba(47,140,255,.16),rgba(255,48,79,.1));color:#ffcf33;border-color:rgba(255,207,51,.35)}.tag,.eyebrow,.live-dot,.meta,#currentUserName,.stat strong{color:#ffcf33;text-shadow:0 0 16px rgba(255,207,51,.32)}.profile-tab-avatar,.avatar,.player-row span{background:linear-gradient(135deg,#ffcf33,#ff7a18);color:#16080a;box-shadow:0 0 20px rgba(255,207,51,.28)}.platform-pill,.account-pill,.match-chip-row span{background:linear-gradient(135deg,#2f8cff,#ff304f);color:#fff}.next-player-copy h2,h1{font-style:italic;text-transform:uppercase;letter-spacing:.01em;text-shadow:4px 4px 0 rgba(255,48,79,.22),0 0 24px rgba(47,140,255,.18)}.next-player-panel{border-color:rgba(255,207,51,.24)}.match-card{background:linear-gradient(135deg,rgba(47,140,255,.16),rgba(255,48,79,.16));border-color:rgba(255,207,51,.22)}.match-score{background:conic-gradient(#ffcf33 0 78%,rgba(255,255,255,.12) 78% 100%);box-shadow:0 0 30px rgba(255,207,51,.3)}.game-art.apex{background:linear-gradient(145deg,rgba(7,8,22,.08),rgba(7,8,22,.58)),linear-gradient(135deg,#2f8cff,#ff304f)}.game-art.valorant{background:linear-gradient(135deg,rgba(255,48,79,.75),rgba(7,8,22,.38)),repeating-linear-gradient(45deg,#2a0b12 0 12px,#48101c 12px 24px)}.game-art.rocket{background:radial-gradient(circle at 70% 25%,#ffcf33,transparent 7rem),linear-gradient(135deg,#0b1730,#310b18)}
@keyframes fightLights{0%,100%{filter:hue-rotate(0deg);background-position:0 0,0 0,0 0,0 0,0 0}50%{filter:hue-rotate(-10deg);background-position:0 0,0 0,80px 0,24px 24px,0 0}}body,.auth-screen{animation:fightLights 9s ease-in-out infinite}.workspace,.auth-card,.sidebar{animation:arcadeGlow 4.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){body,.auth-screen,.workspace,.auth-card,.sidebar{animation:none}}

/* Login visibility repair */
.auth-screen{align-items:stretch;height:100vh;max-height:100vh;overflow:auto}.auth-art,.auth-card{position:relative;z-index:2;min-height:0;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.auth-art{justify-content:center}.auth-card{justify-content:center;min-width:0}.auth-art>*:not(:before),.auth-card>*{position:relative;z-index:2}.auth-art:before{z-index:0;pointer-events:none}
@media(max-width:680px){.auth-art,.auth-card{min-height:auto}.auth-card{padding:1rem}}
body,.auth-screen{filter:none!important;animation:none!important}
.view{display:none}.view.active{display:block}
.profile-account-tab{width:100%;margin-bottom:1rem;justify-content:flex-start}.profile-actions{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:1rem}.profile-actions .ghost-button,.profile-actions .secondary-button{width:100%}
.next-player-form input{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.85rem;color:var(--text);background:#080d1c;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.next-player-form label{min-width:0}.next-player-form{align-content:start}.next-player-form .primary-button{margin-top:.15rem}
.squad-box{grid-column:1/-1;display:grid;gap:.8rem;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:1rem;background:linear-gradient(135deg,rgba(47,140,255,.14),rgba(255,207,51,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.filters{display:flex;flex-wrap:wrap;gap:.6rem}.filters button,.actions button{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.58rem .85rem;color:#fffaf0;background:linear-gradient(135deg,rgba(47,140,255,.22),rgba(255,48,79,.12));font-weight:900}.filters button.active{color:#13060a;background:linear-gradient(135deg,#ffcf33,#ff7a18)}.create-post-top,.post-header,.actions{display:flex;align-items:center;gap:.75rem}.create-post-top{margin-bottom:.9rem}.mini-avatar{width:2.6rem;height:2.6rem;margin:0;border-radius:50%;font-size:.95rem;flex:0 0 auto}.post-header{margin-bottom:.85rem}.post-header h3{margin:0}.post-header p{margin:.1rem 0 0}.badge{display:inline-flex;margin-bottom:.75rem;border-radius:999px;padding:.3rem .65rem;color:#13060a;background:linear-gradient(135deg,#ffcf33,#ff7a18);font-size:.78rem;font-weight:1000;text-transform:uppercase}.post-text{font-size:1.05rem;color:#fffaf0}.actions{flex-wrap:wrap;margin:.95rem 0}.actions button{padding:.5rem .75rem;color:#ffcf33}.social-post .meta{display:block;margin-top:.25rem}

/* Facebook / Instagram social layout */
:root{--social-bg:#0f1424;--social-card:#151b2e;--social-card-soft:#1b2238;--social-line:rgba(255,255,255,.1);--social-text:#f7f8fb;--social-muted:#aeb8d2;--social-blue:#1877f2;--social-pink:#e1306c}
body{background:radial-gradient(circle at 18% 0%,rgba(24,119,242,.18),transparent 22rem),radial-gradient(circle at 80% 0%,rgba(225,48,108,.14),transparent 22rem),linear-gradient(180deg,#0b1020 0%,#101426 100%)!important;color:var(--social-text)}.app-shell{grid-template-columns:17rem minmax(0,1fr);gap:1.25rem;padding:1rem;max-width:1320px;margin:0 auto}.sidebar,.workspace,.feed-composer,.post-card,.match-banner,.activity-card,.room-card,.chat-panel,.profile-card,.linked-accounts-panel,.stat,.next-player-panel,.squad-box{border:1px solid var(--social-line)!important;border-radius:14px!important;background:rgba(21,27,46,.92)!important;box-shadow:0 12px 34px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px) saturate(1.1)!important}.workspace{padding:1rem 1.25rem}.brand strong{font-size:1.05rem}.brand span,p,.friend-note,.account-card span,.post-header p{color:var(--social-muted)}.nav-list{gap:.45rem}.nav-item{border:0!important;border-radius:12px!important;padding:.8rem .9rem!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important;color:var(--social-text)!important;box-shadow:none!important}.nav-item:hover,.nav-item.active{background:rgba(24,119,242,.16)!important;color:#fff!important}.nav-item.active{box-shadow:inset 3px 0 0 var(--social-blue)!important}.topbar{position:sticky;top:0;z-index:3;margin:-1rem -1.25rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--social-line);background:rgba(15,20,36,.82);backdrop-filter:blur(18px)}.topbar h1{font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}.search-pill{min-width:min(24rem,100%);border:1px solid var(--social-line)!important;background:rgba(255,255,255,.06)!important;color:var(--social-muted)!important}.primary-button,.secondary-button,.ghost-button,.suggestion-button{border-radius:999px!important}.primary-button{background:linear-gradient(135deg,var(--social-blue),#45a3ff)!important;color:#fff!important}.secondary-button{background:linear-gradient(135deg,var(--social-pink),#ff8a3d)!important;color:#fff!important}.ghost-button{border-color:var(--social-line)!important;background:rgba(255,255,255,.05)!important;color:var(--social-text)!important}
#feed{max-width:43rem;margin:0 auto}.story-row{display:flex;gap:.75rem;margin-bottom:1rem;overflow:auto;padding:.15rem .05rem .45rem}.story-card{display:grid;align-content:end;justify-items:start;gap:.15rem;flex:0 0 7rem;min-height:10.5rem;border:1px solid var(--social-line);border-radius:16px;padding:.75rem;color:#fff;background:linear-gradient(180deg,rgba(24,119,242,.12),rgba(225,48,108,.18)),linear-gradient(145deg,#202943,#11182b);box-shadow:0 12px 30px rgba(0,0,0,.25)}.story-card strong{font-size:.92rem}.story-card span{color:var(--social-muted);font-size:.78rem}.story-avatar{display:grid;place-items:center;width:2.45rem;height:2.45rem;margin-bottom:auto;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,var(--social-pink),#ff8a3d 48%,var(--social-blue));font-weight:1000}.create-story .story-avatar{background:var(--social-blue)}.feed-composer{padding:1rem!important}.create-post-top h2{margin:0;font-size:1.1rem!important;text-transform:none!important;font-style:normal!important;text-shadow:none!important}.post-form input,.post-form textarea,.post-form select{border-radius:18px!important;border-color:var(--social-line)!important;background:rgba(255,255,255,.06)!important}.post-form textarea{min-height:4.25rem}.social-feed{gap:1rem}.social-post{overflow:hidden;border-radius:16px!important}.social-post .post-card-body{padding:1rem}.post-header{align-items:center}.mini-avatar,.story-avatar,.profile-tab-avatar,.avatar{background:linear-gradient(135deg,var(--social-pink),#ff8a3d 48%,var(--social-blue))!important;color:#fff!important}.badge{background:rgba(24,119,242,.14)!important;color:#9dccff!important;border:1px solid rgba(24,119,242,.28);text-transform:none}.post-text{color:var(--social-text);line-height:1.45}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;border-top:1px solid var(--social-line);border-bottom:1px solid var(--social-line);padding:.45rem 0;margin:1rem 0 .45rem}.actions button{border:0!important;border-radius:10px;background:transparent!important;color:var(--social-muted)!important}.actions button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.activity-grid{max-width:43rem;margin:1rem auto 0;grid-template-columns:1fr}.hero-activity{grid-template-columns:1fr}.game-art{min-height:10rem}.next-player-panel{grid-template-columns:1fr;max-width:58rem;margin:0 auto 1rem}.next-player-copy h2{font-style:normal!important;text-transform:none!important;text-shadow:none!important}.next-player-form{grid-template-columns:repeat(2,minmax(0,1fr))}.match-card{border-radius:14px!important}.room-layout,.chat-panel,.profile-layout{max-width:58rem;margin:0 auto}@media(max-width:980px){.app-shell{grid-template-columns:1fr;padding:.75rem}.sidebar{position:static}.nav-list{grid-template-columns:repeat(5,1fr)}.find-squad-card{display:none}.workspace{padding:.8rem}.topbar{margin:-.8rem -.8rem 1rem;padding:.8rem}.nav-item{text-align:center;font-size:.8rem}.next-player-form{grid-template-columns:1fr}}@media(max-width:680px){#feed,.activity-grid,.next-player-panel,.room-layout,.chat-panel,.profile-layout{max-width:none}.story-card{flex-basis:6.4rem;min-height:9.2rem}.actions{grid-template-columns:repeat(3,1fr)}.actions button{font-size:.82rem;padding:.5rem .25rem}.topbar h1{font-size:1.55rem}.search-pill kbd{display:none}}

/* Instagram-style direct messages */
#chat .chat-panel{display:grid;grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);min-height:38rem;overflow:hidden;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 38%,rgba(24,119,242,.055))!important}
#chat .voice-room{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-right:1px solid var(--social-line);background:rgba(11,16,32,.38)}
.dm-inbox-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dm-inbox-top h2,.dm-section-title{margin:0;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
.dm-inbox-top .ghost-button{width:2.35rem;height:2.35rem;padding:0;font-size:1.15rem}
.dm-search{display:flex;align-items:center;gap:.55rem;border:1px solid var(--social-line);border-radius:999px;padding:.42rem .72rem;background:rgba(255,255,255,.06)}
.dm-search span{color:var(--social-muted);font-size:.8rem;font-weight:900}
.dm-search input{width:100%;min-width:0;border:0;outline:0;color:var(--social-text);background:transparent}
.dm-search input::placeholder{color:rgba(174,184,210,.75)}
#chat .friend-list{gap:.35rem}
.dm-row.friend-button,.dm-row.suggestion-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;width:100%;min-height:4.25rem;border:0!important;border-radius:14px!important;padding:.55rem!important;color:var(--social-text)!important;background:transparent!important;box-shadow:none!important;text-align:left;text-transform:none!important;letter-spacing:0!important}
.dm-row:hover,.dm-row.active{background:rgba(255,255,255,.08)!important}
.dm-row.active{box-shadow:inset 3px 0 0 var(--social-pink)!important}
.dm-avatar{display:grid;place-items:center;width:2.85rem;height:2.85rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--social-pink),#ff8a3d 46%,var(--social-blue));font-size:.82rem;font-weight:1000;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.dm-copy{display:block;min-width:0}
.dm-copy strong,.dm-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-copy small{margin-top:.12rem;color:var(--social-muted);font-size:.78rem;font-weight:700}
.dm-status{align-self:start;border-radius:999px;padding:.22rem .48rem;color:#9dccff;background:rgba(24,119,242,.15);font-size:.68rem;font-weight:1000}
.dm-section-title{margin-top:.6rem;color:var(--social-muted);font-size:.86rem}
#chat .messages{min-height:0;padding:0;background:linear-gradient(180deg,rgba(15,20,36,.58),rgba(8,12,26,.42))}
#chat .chat-heading{position:sticky;top:0;z-index:2;display:flex!important;align-items:center!important;justify-content:space-between;gap:1rem;margin:0;padding:1rem;border-bottom:1px solid var(--social-line);background:rgba(15,20,36,.82);backdrop-filter:blur(18px)}
.dm-chat-profile{display:flex;align-items:center;gap:.75rem;min-width:0}
.dm-header-avatar{width:2.65rem;height:2.65rem;flex:0 0 auto}
#chat .chat-heading h2{margin:0;font-size:1.05rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
#chat .message-list{flex:1;min-height:0;max-height:29rem;overflow:auto;padding:1rem;gap:.45rem;background:radial-gradient(circle at 24% 18%,rgba(225,48,108,.08),transparent 16rem),radial-gradient(circle at 82% 70%,rgba(24,119,242,.08),transparent 16rem)}
#chat .message{width:fit-content;max-width:min(78%,34rem);margin:0 0 .55rem;padding:.62rem .82rem;border:1px solid rgba(255,255,255,.08);border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.09)!important;box-shadow:none!important}
#chat .message strong{display:block;margin-bottom:.18rem;color:#fff;font-size:.76rem}
#chat .message p{margin:0;color:var(--social-text);line-height:1.35}
#chat .message.self{align-self:flex-end;border-color:rgba(225,48,108,.2);border-radius:18px 18px 6px 18px;background:linear-gradient(135deg,var(--social-pink),#8b5cf6 52%,var(--social-blue))!important}
#chat .composer{display:flex!important;align-items:center!important;gap:.6rem;margin:0;padding:1rem;border-top:1px solid var(--social-line);background:rgba(15,20,36,.82);backdrop-filter:blur(18px)}
#chat .composer input{height:2.9rem;border-radius:999px!important;border:1px solid var(--social-line)!important;background:rgba(255,255,255,.07)!important}
#chat .composer .secondary-button{height:2.9rem;padding:0 1.1rem}
@media(max-width:760px){#chat .chat-panel{grid-template-columns:1fr;min-height:auto}#chat .voice-room{border-right:0;border-bottom:1px solid var(--social-line)}#chat .message-list{max-height:26rem}.dm-row.friend-button,.dm-row.suggestion-button{min-height:3.85rem}}

/* Join room ID modal */
.room-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:rgba(5,7,19,.72);backdrop-filter:blur(14px)}
.room-modal-card{position:relative;width:min(100%,28rem);display:grid;gap:.85rem;border:1px solid var(--social-line);border-radius:18px;padding:1.25rem;background:linear-gradient(145deg,rgba(21,27,46,.96),rgba(9,13,30,.96));box-shadow:0 28px 80px rgba(0,0,0,.5)}
.room-modal-card h2{margin:0;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
.room-modal-card label{display:grid;gap:.4rem;color:var(--social-muted);font-weight:900}
.room-modal-card input{width:100%;border:1px solid var(--social-line);border-radius:14px;padding:.9rem 1rem;color:var(--social-text);background:rgba(255,255,255,.07);text-transform:uppercase;outline:0}
.room-modal-card input:focus{border-color:rgba(24,119,242,.58);box-shadow:0 0 0 3px rgba(24,119,242,.16)}
.room-modal-close{position:absolute;right:.8rem;top:.7rem;width:2.2rem;height:2.2rem;border:0;border-radius:50%;color:var(--social-text);background:rgba(255,255,255,.08);font-size:1.2rem;font-weight:900}
.room-modal-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.host-request-button{justify-self:start}
.passport-record-card{position:relative;overflow:hidden;min-height:9.5rem;background:linear-gradient(145deg,rgba(24,119,242,.14),rgba(225,48,108,.08),rgba(255,255,255,.045))!important}
.passport-record-card:after{content:"";position:absolute;right:-2rem;bottom:-3rem;width:8rem;height:8rem;border-radius:50%;background:rgba(24,119,242,.12);filter:blur(4px)}
.record-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem;color:var(--social-muted);font-size:.82rem;font-weight:900;text-transform:uppercase}
.record-badge{max-width:100%;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.25rem .55rem;color:var(--social-text);background:rgba(255,255,255,.06);font-size:.68rem;line-height:1.2;white-space:normal}
.passport-record-card strong{position:relative;z-index:1;margin:0!important;font-size:2.7rem!important;line-height:1}
.passport-record-card strong span{font-size:1rem;color:var(--social-muted)}
.rating-stars{position:relative;z-index:1;margin-top:.65rem;color:#ffcf33;font-size:1.15rem;letter-spacing:.12em;text-shadow:0 0 18px rgba(255,207,51,.3)}
.streak-record strong{color:#ff7a4f!important;text-shadow:0 0 18px rgba(255,122,79,.3)!important}
.streak-record p{position:relative;z-index:1;margin:.65rem 0 0;font-size:.82rem;line-height:1.35}
.after-game-button{border:1px solid rgba(255,207,51,.42);border-radius:999px;padding:.75rem 1rem;color:#111;background:linear-gradient(135deg,#ffcf33,#ff8a3d);font-weight:900;box-shadow:0 10px 24px rgba(255,138,61,.18)}
.after-game-button.small{padding:.55rem .75rem}
.recent-group-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.65rem}
.after-game-review-card{width:min(100%,38rem);max-height:calc(100vh - 2rem);overflow:auto}
.match-result-picker{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;border:0;padding:0;margin:0}
.match-result-picker legend{grid-column:1/-1;margin-bottom:.25rem;color:var(--social-muted);font-weight:900}
.match-result-picker label{cursor:pointer}
.match-result-picker input{position:absolute;width:1px;height:1px;margin:0;opacity:0;clip-path:inset(50%);overflow:hidden}
.match-result-picker span{display:grid;place-items:center;min-height:3rem;border:1px solid var(--social-line);border-radius:14px;color:var(--social-text);background:rgba(255,255,255,.06);font-weight:900}
.match-result-picker input:checked+span{border-color:rgba(24,119,242,.7);background:linear-gradient(135deg,rgba(24,119,242,.65),rgba(225,48,108,.55));box-shadow:0 0 0 3px rgba(24,119,242,.13)}
.teammate-rating-list{display:grid;gap:.65rem}
.teammate-rating-row{display:grid;grid-template-columns:minmax(7rem,1fr) auto;align-items:center;gap:.75rem;border:1px solid var(--social-line);border-radius:14px;padding:.75rem;background:rgba(255,255,255,.045)}
.teammate-rating-row strong,.teammate-rating-row small{display:block}
.teammate-rating-row small{margin-top:.15rem;color:var(--social-muted)}
.star-rating{display:flex;gap:.15rem}
.star-rating button{border:0;padding:.1rem;color:rgba(255,255,255,.24);background:transparent;font-size:1.45rem;line-height:1}
.star-rating button.active{color:#ffcf33;text-shadow:0 0 14px rgba(255,207,51,.34)}
.review-status{min-height:1.3rem;margin:0;color:var(--social-muted);font-size:.85rem}
.review-status.error{color:#ff8a75}
.legal-links{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.legal-links a{color:var(--social-muted);font-size:.78rem;font-weight:800;text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{color:#fff;text-decoration:underline}.auth-legal-links{justify-content:center;margin-top:.35rem}.sidebar-legal-links{margin-top:auto;padding-top:1rem;border-top:1px solid var(--social-line)}
.squad-modal-card{width:min(100%,38rem);max-height:calc(100vh - 2rem);overflow:auto}
.squad-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.squad-modal-grid label{min-width:0}
.squad-modal-grid input,.squad-modal-grid select,.squad-modal-grid textarea{width:100%;min-width:0;border:1px solid var(--social-line);border-radius:14px;padding:.9rem 1rem;color:var(--social-text);background:rgba(255,255,255,.07);outline:0}
.squad-modal-grid textarea{resize:vertical;text-transform:none}
.squad-modal-grid select:focus,.squad-modal-grid textarea:focus{border-color:rgba(24,119,242,.58);box-shadow:0 0 0 3px rgba(24,119,242,.16)}
.squad-modal-wide{grid-column:1/-1}
.squad-confirm-card{text-align:center}
.squad-confirm-card .room-modal-actions{justify-content:center}
.squad-modal-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:50%;font-size:1.5rem;background:linear-gradient(135deg,var(--social-blue),var(--social-pink));box-shadow:0 12px 30px rgba(24,119,242,.28)}
body.modal-open{overflow:hidden}
@media(max-width:520px){.room-modal-actions{display:grid;grid-template-columns:1fr}.room-modal-actions button{width:100%}}
@media(max-width:520px){.squad-modal-grid{grid-template-columns:1fr}.squad-modal-wide{grid-column:1}}
@media(max-width:520px){.teammate-rating-row{grid-template-columns:1fr}.star-rating{justify-content:space-between}.star-rating button{font-size:1.7rem}}

/* Premium Squad Match feature set */
.squad-profile-card,.squad-feature-card{border:1px solid var(--social-line);border-radius:16px;padding:1rem;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(24,119,242,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.squad-promise-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.squad-promise-strip span{display:grid;gap:.18rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.85rem;color:var(--social-muted);background:rgba(255,255,255,.055);font-weight:800}
.squad-promise-strip strong{color:#fff}
.squad-profile-card{display:grid;gap:.85rem}
.squad-profile-card h3,.squad-feature-card h3{margin:.1rem 0 .35rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
.squad-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.squad-stat-grid span{display:grid;gap:.15rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;color:var(--social-muted);background:rgba(255,255,255,.05);font-size:.78rem;font-weight:900}
.squad-stat-grid strong{color:#fff;font-size:1.15rem}
.play-now-button{font-size:1rem;letter-spacing:.03em;box-shadow:0 0 28px rgba(24,119,242,.26),0 0 38px rgba(225,48,108,.18)!important}
.squad-feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.squad-feature-card ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--social-muted)}
.squad-feature-card li{margin:.25rem 0}
.live-card{background:linear-gradient(145deg,rgba(30,185,84,.16),rgba(24,119,242,.06))}
.rating{color:#ffcf33!important;font-size:1.35rem;letter-spacing:.08em}
.chemistry-score{display:inline-flex;margin-top:.4rem;border-radius:999px;padding:.42rem .75rem;color:#fff;background:linear-gradient(135deg,var(--social-pink),var(--social-blue))}
.passport-card{grid-column:1/-1;background:linear-gradient(145deg,rgba(255,207,51,.13),rgba(24,119,242,.06))}
.instant-squad-result{align-items:start}
.squad-found-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.85rem 0}
.squad-found-list article,.role-grid span,.chemistry-panel,.reputation-panel{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.7rem;background:rgba(255,255,255,.06)}
.squad-found-list strong,.squad-found-list span,.role-grid strong,.role-grid span,.chemistry-panel strong,.chemistry-panel span,.reputation-panel strong,.reputation-panel span{display:block}
.squad-found-list span,.role-grid span,.chemistry-panel span,.reputation-panel span{color:var(--social-muted);font-size:.82rem}
.matched-player-card{display:grid;gap:.55rem}
.tiny-button{border-radius:10px;padding:.48rem .62rem;font-size:.78rem}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.75rem 0}
.role-grid strong{color:#fff}
.chemistry-panel,.reputation-panel{margin:.55rem 0}
.chemistry-panel strong{color:#6dff9a}.reputation-panel strong{color:#ffcf33}
.squad-lobby-card{display:grid;gap:1rem;max-width:58rem;margin:0 auto 1rem;border:1px solid var(--social-line);border-radius:18px;padding:1rem;background:linear-gradient(145deg,rgba(30,185,84,.13),rgba(24,119,242,.075),rgba(225,48,108,.06));box-shadow:0 16px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12)}
.recent-group-hero{background:linear-gradient(145deg,rgba(24,119,242,.15),rgba(30,185,84,.1),rgba(255,255,255,.05))!important}
.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.lobby-head h2{margin:.1rem 0 .35rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
.ready-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.ready-grid article{display:grid;gap:.25rem;justify-items:start;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.8rem;background:rgba(255,255,255,.06)}
.ready-grid .mini-avatar{margin:0 0 .25rem}
.ready-grid small{color:var(--social-muted);font-weight:800}
.ready-grid b{border-radius:999px;padding:.22rem .5rem;color:#07120a;background:#6dff9a;font-size:.72rem}
.ready-grid b.waiting{color:#16080a;background:#ffcf33}
.lobby-actions{display:flex;gap:.65rem;flex-wrap:wrap}
.room-card .small{justify-self:start;margin-top:.55rem}
.room-card.featured{background:linear-gradient(145deg,rgba(24,119,242,.16),rgba(255,255,255,.055))!important}
@media(max-width:780px){.squad-promise-strip,.squad-stat-grid,.squad-feature-grid,.squad-found-list,.role-grid,.ready-grid{grid-template-columns:1fr}.passport-card{grid-column:auto}.lobby-actions button{width:100%}}

/* Simplified Squad Match tab */
#home .next-player-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(19rem,1.1fr);gap:1rem;max-width:62rem}
#home .next-player-copy{grid-column:1/-1}
#home .next-player-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin-bottom:.65rem}
.user-summary-card{align-content:start}
#home .next-player-form{grid-column:1/-1;border:1px solid var(--social-line);border-radius:16px;padding:1rem;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(24,119,242,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.form-intro{grid-column:1/-1}
.form-intro h3{margin:.1rem 0 .25rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
#home .match-card{grid-column:1/-1}
.match-check-list{display:flex;gap:.45rem;flex-wrap:wrap;margin:.65rem 0}
.match-check-list span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.35rem .65rem;color:#fff;background:rgba(255,255,255,.06);font-size:.82rem;font-weight:900}
.match-flow-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.match-flow-row article{display:flex;align-items:center;gap:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.055)}
.match-flow-row strong{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--social-pink),var(--social-blue))}
.match-flow-row span{color:var(--social-muted);font-weight:900}
.host-match-panel{grid-column:1/-1;display:grid;gap:1rem;border:1px solid var(--social-line);border-radius:16px;padding:1rem;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(225,48,108,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.host-match-panel h3{margin:.15rem 0 .25rem;font-size:1.25rem!important;font-style:normal!important;text-transform:none!important;text-shadow:none!important}
.host-match-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:end}
.host-match-form label{display:grid;gap:.35rem;color:var(--social-muted);font-weight:900}
.host-match-form input,.host-match-form select{width:100%;min-width:0;border:1px solid var(--social-line);border-radius:14px;padding:.82rem;color:var(--social-text);background:rgba(255,255,255,.07)}
.host-note-field{grid-column:1/4}
.host-match-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem}
.host-match-list article{display:grid;gap:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.055)}
.host-match-list strong,.host-match-list span{display:block}
.host-match-list span{color:var(--social-muted);font-size:.86rem;line-height:1.35}
.request-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.request-card-head .platform-pill{font-size:.72rem}
.host-match-list p{margin:.15rem 0;color:var(--social-text);line-height:1.35}
.squad-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:end}
.squad-filter-form label{display:grid;gap:.35rem;color:var(--social-muted);font-weight:900}
.squad-board-panel{background:linear-gradient(145deg,rgba(24,119,242,.09),rgba(255,255,255,.05))!important}
@media(max-width:860px){#home .next-player-panel,#home .next-player-form,.match-flow-row{grid-template-columns:1fr}#home .next-player-form{grid-column:1;grid-row:auto}}

/* Squad Match overlap fixes */
#home .next-player-panel,#home .next-player-panel *{min-width:0}
#home .next-player-copy h2,#home .next-player-copy p,#home .squad-profile-card h3,#home .match-card h3,#home .match-card p{overflow-wrap:anywhere}
#home .squad-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#home .squad-stat-grid span{line-height:1.25;overflow-wrap:anywhere}
#home .match-chip-row span,.match-check-list span{white-space:normal;line-height:1.25}
#home .match-card{grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);align-items:start}
#home .match-score{width:6.75rem;height:6.75rem;padding:.55rem;text-align:center}
#home .match-score strong{font-size:1.65rem;line-height:1}
#home .match-score span{max-width:5.5rem;white-space:normal;line-height:1.05;text-align:center}
#home .squad-found-list{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
#home .role-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
#home .squad-found-list article,#home .role-grid span{overflow-wrap:anywhere}
#home .card-actions{display:flex;align-items:stretch;gap:.55rem;flex-wrap:wrap}
#home .card-actions button{white-space:normal;line-height:1.15;min-height:2.55rem}
#home .next-player-form label{overflow-wrap:anywhere}
#home .next-player-form select,#home .next-player-form input{min-width:0}
@media(max-width:1120px){#home .next-player-panel{grid-template-columns:1fr}#home .next-player-form{grid-column:1;grid-row:auto}.host-match-form{grid-template-columns:repeat(2,minmax(0,1fr))}.host-note-field{grid-column:1/-1}}
@media(max-width:620px){#home .squad-stat-grid,#home .match-card{grid-template-columns:1fr}#home .match-score{width:100%;height:auto;min-height:5rem;border-radius:18px}#home .card-actions button{width:100%}}

/* AI Match tile visible across tabs */
.ai-match-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;max-width:58rem;margin:0 auto 1rem;border:1px solid var(--social-line);border-radius:16px;padding:.85rem 1rem;background:linear-gradient(135deg,rgba(24,119,242,.16),rgba(225,48,108,.1),rgba(255,255,255,.045));box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12)}
.ai-match-orb{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--social-blue),var(--social-pink));font-weight:1000;box-shadow:0 0 24px rgba(24,119,242,.28)}
.ai-match-tile h3{margin:.05rem 0 .15rem;font-size:1rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
.ai-match-tile p{margin:0;line-height:1.35;overflow-wrap:anywhere}
.ai-match-score{display:grid;justify-items:end;gap:.1rem;text-align:right}
.ai-match-score strong{font-size:1.45rem;color:#fff}
.ai-match-score span{max-width:6rem;color:var(--social-muted);font-size:.72rem;font-weight:900;text-transform:uppercase;line-height:1.1}
@media(max-width:720px){.ai-match-tile{grid-template-columns:auto minmax(0,1fr)}.ai-match-score{grid-column:1/-1;justify-items:start;text-align:left}.ai-match-score span{max-width:none}}

/* Agenda-aligned tab structure */
#home .ai-match-tile{grid-column:1/-1;margin:0}
.section-intro{max-width:58rem;margin:0 auto 1rem}
.section-intro h2{margin:.15rem 0 0;font-size:clamp(1.35rem,2.4vw,2rem);font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0;line-height:1.1}
.passport-summary{display:grid;gap:1rem}
.passport-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.passport-grid article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.055)}
.passport-grid strong,.passport-grid span{display:block}
.passport-grid span{margin-top:.25rem;color:var(--social-muted);font-size:.88rem;line-height:1.35}
.passport-editor{display:grid;gap:1rem}
.passport-edit-screen{max-width:58rem;margin:0 auto;display:grid;gap:1rem}
.edit-screen-header{display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--social-line);border-radius:20px;padding:1rem;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 18px 45px rgba(0,0,0,.25)}
.edit-screen-header h2{margin:.15rem 0 .2rem;font-size:clamp(1.35rem,2.4vw,2rem);font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0;line-height:1.1}
.edit-screen-header p:not(.eyebrow){margin:0;color:var(--social-muted);line-height:1.45}
.passport-profile-editor{display:grid;gap:1rem}
.passport-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:end}
.passport-profile-form label{display:grid;gap:.4rem;color:var(--social-muted);font-weight:900}
.passport-profile-form input,.passport-profile-form textarea{width:100%;min-width:0;border:1px solid var(--social-line);border-radius:14px;padding:.85rem;color:var(--social-text);background:rgba(255,255,255,.07)}
.passport-profile-form textarea{min-height:5.5rem;resize:vertical}
.passport-bio-field,.passport-profile-actions{grid-column:1/-1}
.passport-profile-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.passport-photo-upload{display:block;text-align:center}
.passport-cropper{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;border:1px solid var(--social-line);border-radius:18px;padding:1rem;background:rgba(255,255,255,.045)}
.crop-preview{position:relative;overflow:hidden;width:11rem;aspect-ratio:1;border:3px solid rgba(255,255,255,.16);border-radius:50%;background:#050713;box-shadow:0 0 28px rgba(24,119,242,.22)}
.crop-preview img{width:100%;height:100%;object-fit:cover;object-position:var(--crop-x,50%) var(--crop-y,50%);transform:scale(var(--crop-zoom,1));transform-origin:center}
.crop-controls{display:grid;gap:.7rem}
.crop-controls label{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:.75rem}
.crop-controls input{accent-color:var(--social-blue);padding:0}
.request-sent{opacity:.85;filter:saturate(.7);cursor:not-allowed}
.integration-note{border:1px dashed rgba(255,255,255,.18);border-radius:14px;padding:.8rem;color:var(--social-muted);background:rgba(255,255,255,.04);line-height:1.4}
.integration-note strong{color:#fff}
#passportAvatar{background-size:cover!important;background-position:center!important}
#passportAvatar.has-photo,.profile-tab-avatar.has-photo{background-size:cover!important;background-position:center!important;color:transparent!important;text-shadow:none!important}
.passport-game-form{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.85fr)) auto;gap:.65rem;align-items:end}
.passport-game-form input,.passport-game-form select{width:100%;min-width:0;border:1px solid var(--social-line);border-radius:14px;padding:.85rem;color:var(--social-text);background:rgba(255,255,255,.07)}
.passport-game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.passport-game-list article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.055)}
.passport-game-list strong,.passport-game-list span{display:block}
.passport-game-list span{margin-top:.25rem;color:var(--social-muted);font-size:.88rem}
@media(max-width:860px){.passport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.passport-game-form,.passport-game-list{grid-template-columns:1fr 1fr}.passport-game-form button{grid-column:1/-1}}
@media(max-width:560px){.passport-grid,.passport-profile-form,.passport-game-form,.passport-game-list,.passport-cropper{grid-template-columns:1fr}.passport-profile-actions button{width:100%}.edit-screen-header{display:grid}.edit-screen-header button{width:100%}.crop-preview{width:min(13rem,100%);justify-self:center}.crop-controls label{grid-template-columns:1fr}}

/* Login reset action */
.auth-link-button{justify-self:flex-end;border:0;padding:.1rem .15rem;color:#ffcf33;background:transparent;font-weight:900;text-decoration:none}
.auth-link-button:hover,.auth-link-button:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.18rem}

/* Native dropdown readability */
select option{color:#0b1020;background:#fff}
select option:checked{color:#fff;background:#1877f2}
select:focus{outline:2px solid rgba(24,119,242,.65);outline-offset:2px}

/* Gaming account selector */
.account-link-form{display:grid!important;grid-template-columns:1fr auto;align-items:start}
.account-platform-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.account-platform-choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;width:100%}
.account-platform-choices button{border:1px solid var(--social-line);border-radius:14px;padding:.78rem .65rem;color:#fff;background:rgba(255,255,255,.055);font-weight:900;text-align:center}
.account-platform-choices button.active{border-color:rgba(24,119,242,.58);background:linear-gradient(135deg,rgba(24,119,242,.38),rgba(225,48,108,.22));box-shadow:0 0 22px rgba(24,119,242,.18)}
#accountHandle{min-width:0}
@media(max-width:900px){.account-platform-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.account-link-form{grid-template-columns:1fr}.account-link-form button.primary-button{width:100%}}

/* Instagram-style feed refresh */
#feed{max-width:42rem;margin:0 auto;padding-bottom:2rem}
#feed .feed-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
#feed .feed-header h2{margin:0;font-size:1.8rem;font-style:normal!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0}
#feed .story-row{margin-bottom:1rem;padding:.1rem .05rem .65rem}
#feed .story-card{flex-basis:6.6rem;min-height:8.8rem;border-radius:18px;align-content:center;justify-items:center;text-align:center}
button.story-card{border:1px solid var(--social-line);font:inherit}
#feed .story-avatar{margin:0 0 .5rem;width:3.1rem;height:3.1rem;border-width:2px}
.feed-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1rem}
.feed-create-button{display:grid;gap:.2rem;border:1px solid var(--social-line);border-radius:18px;padding:1rem;color:#fff;text-align:left;background:linear-gradient(135deg,rgba(24,119,242,.18),rgba(255,255,255,.055));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.feed-create-button.post{background:linear-gradient(135deg,rgba(225,48,108,.2),rgba(24,119,242,.1))}
.feed-create-button strong{font-size:1.12rem}
.feed-create-button span{color:var(--social-muted);font-size:.86rem;line-height:1.3}
.feed-create-button:hover,.feed-create-button:focus-visible{border-color:rgba(24,119,242,.65);box-shadow:0 0 24px rgba(24,119,242,.18)}
.story-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,1.3fr) auto;align-items:center;gap:.75rem;margin:-.35rem 0 1rem;border:1px solid var(--social-line);border-radius:18px;padding:1rem;background:linear-gradient(135deg,rgba(24,119,242,.12),rgba(225,48,108,.1))}
.story-composer strong,.story-composer span{display:block}
.story-composer span{margin-top:.15rem;color:var(--social-muted);font-size:.86rem}
.story-composer input{width:100%;border:1px solid var(--social-line);border-radius:999px;padding:.82rem 1rem;color:var(--social-text);background:rgba(255,255,255,.07)}
.story-composer-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
#feed .feed-composer{margin-bottom:1rem;border-radius:18px!important;padding:1rem!important}
#feed .create-post-top{align-items:center;margin-bottom:.75rem}
#feed .create-post-top strong,#feed .create-post-top span{display:block}
#feed .create-post-top span{color:var(--social-muted);font-size:.9rem}
#feed .post-form{gap:.75rem}
#feed .post-form textarea{min-height:3.8rem;border-radius:18px!important;resize:vertical}
#feed .composer-actions{display:grid;grid-template-columns:auto minmax(6rem,1fr) minmax(8rem,auto) auto;align-items:center;gap:.55rem}
#feed .media-button{border-radius:999px!important;padding:.68rem 1rem;color:#fff;background:linear-gradient(135deg,rgba(225,48,108,.24),rgba(24,119,242,.18))!important}
#feed .game-chip-input,#feed .post-form select{height:2.75rem;border-radius:999px!important}
.feed-platform-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.feed-platform-choices{display:flex;gap:.45rem;width:100%;overflow-x:auto;scrollbar-width:none}
.feed-platform-choices::-webkit-scrollbar{display:none}
.feed-platform-choices button{flex:1 0 auto;min-width:max-content;border:1px solid var(--social-line);border-radius:999px;padding:.58rem 1rem;color:#fff;background:rgba(255,255,255,.055);font-weight:900;white-space:nowrap}
.feed-platform-choices button.active{border-color:rgba(24,119,242,.62);background:linear-gradient(135deg,rgba(24,119,242,.42),rgba(225,48,108,.2));box-shadow:0 0 18px rgba(24,119,242,.16)}
.feed-comments{display:grid;gap:.25rem}.feed-comment{margin:0;color:var(--arena-dim);font-size:.84rem}.feed-comment strong{color:var(--arena-white)}
.feed-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:.65rem 0}.feed-comment-form input{min-width:0;border:1px solid var(--arena-line);border-radius:999px;padding:.65rem .85rem;color:#fff;background:#090d13}.feed-comment-form button{border:0;padding:0 .75rem;color:#4da3ff;background:transparent;font-weight:800}
.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.notifications-header h2{margin-bottom:.3rem}.notification-list{display:grid;gap:.35rem;max-width:48rem}.notification-item{display:flex;align-items:center;gap:.85rem;border-radius:8px;padding:.8rem;background:#111722}.notification-item.unread{border-left:3px solid var(--arena-lime);background:#172033}.notification-avatar{display:grid;place-items:center;flex:0 0 auto;width:2.7rem;height:2.7rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1877f2,#d62976);font-size:.78rem;font-weight:850}.notification-item p{margin:.15rem 0;color:var(--arena-dim);font-size:.86rem}.notification-item small{color:#78849a;font-size:.7rem}
#feed #imageStatus{display:inline-block;color:var(--social-muted);text-transform:none;letter-spacing:0}
#cancelPostButton{justify-self:start}
#feed .image-preview{aspect-ratio:1/1;max-height:none;border-radius:16px;object-fit:cover;background:rgba(255,255,255,.04)}
#feed .social-feed{display:grid;gap:1rem}
#feed .social-post{border-radius:18px!important;overflow:hidden}
#feed .social-post.text-only{background:linear-gradient(145deg,rgba(24,119,242,.1),rgba(225,48,108,.08),rgba(255,255,255,.04))!important}
#feed .social-post .post-card-body{padding:.85rem 1rem}
#feed .post-header{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem}
#feed .post-header h3{font-size:1rem}
#feed .post-header p{font-size:.86rem}
#feed .post-menu{border:0;color:var(--social-muted);background:transparent;font-size:1.25rem;font-weight:900;letter-spacing:.08em}
#feed .post-image{display:block;width:100%;aspect-ratio:1/1;max-height:none;border-radius:0;object-fit:cover;background:#0b1020}
#feed .social-post.text-only .post-text{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;background:rgba(255,255,255,.045)}
#feed .post-image-placeholder{display:grid;place-items:center;min-height:22rem;padding:2rem;text-align:center;background:linear-gradient(135deg,rgba(24,119,242,.25),rgba(225,48,108,.22)),radial-gradient(circle at 50% 35%,rgba(255,255,255,.14),transparent 10rem)}
#feed .post-image-placeholder strong,#feed .post-image-placeholder span{display:block}
#feed .post-image-placeholder strong{font-size:2rem}
#feed .post-image-placeholder span{margin-top:.35rem;color:var(--social-muted)}
#feed .actions{display:flex;gap:.35rem;border:0;padding:0;margin:0 0 .65rem}
#feed .actions button{flex:1;border-radius:10px!important}
#feed .actions button.active{color:#fff!important;background:rgba(225,48,108,.18)!important}
#feed .post-text{margin:0 0 .45rem;font-size:1rem;line-height:1.45}
#feed .post-text strong{color:#fff}
#feed .meta{text-transform:none;letter-spacing:0;color:var(--social-muted)}
@media(max-width:680px){#feed .feed-header{padding:0 .15rem}.feed-create-actions{grid-template-columns:1fr}#feed .composer-actions{grid-template-columns:1fr 1fr}#feed .composer-actions button{grid-column:1/-1}#feed .composer-actions .media-button{justify-self:stretch;text-align:center}.feed-platform-choices button{flex-grow:0}#feed .story-card{flex-basis:5.9rem;min-height:8rem}#feed .post-image-placeholder{min-height:18rem}}

/* 24-hour story viewer */
.story-viewer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:rgba(2,4,13,.78);backdrop-filter:blur(14px)}
.story-viewer-card{position:relative;display:grid;align-content:space-between;width:min(26rem,100%);min-height:min(42rem,86vh);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:1.1rem;color:#fff;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 10rem),linear-gradient(160deg,#1877f2,#e1306c 56%,#101426);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.story-viewer-close{position:absolute;right:.8rem;top:.75rem;border:0;border-radius:50%;width:2.2rem;height:2.2rem;color:#fff;background:rgba(0,0,0,.24);font-size:1.4rem}
.story-progress{height:.35rem;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden}
.story-progress span{display:block;width:78%;height:100%;border-radius:inherit;background:#fff}
.story-viewer-head{display:flex;align-items:center;gap:.7rem;margin-top:1rem}
.story-viewer-head .story-avatar{margin:0;border-color:rgba(255,255,255,.86)}
.story-viewer-head strong,.story-viewer-head span{display:block}
.story-viewer-head span{color:rgba(255,255,255,.78);font-size:.86rem}
#storyViewerText{align-self:center;margin:4rem 0;font-size:clamp(1.6rem,5vw,2.8rem);line-height:1.08;color:#fff;font-weight:1000;text-align:center}
@media(max-width:680px){.story-composer{grid-template-columns:1fr}.story-composer-actions{justify-content:stretch}.story-composer-actions button{flex:1}}

/* Simpler Instagram-like feed */
#feed{max-width:38rem}
#feed .feed-header{margin-bottom:.7rem}
#feed .feed-header h2{font-size:1.45rem}
#feed .story-row{display:flex;gap:.85rem;margin:0 0 .85rem;overflow-x:auto;padding:.15rem 0 .75rem;border-bottom:1px solid rgba(255,255,255,.08)}
#feed .story-card{display:grid;justify-items:center;align-content:start;gap:.35rem;flex:0 0 4.65rem;min-height:0;border:0;border-radius:0;padding:0;color:#fff;background:transparent!important;box-shadow:none!important;text-align:center}
#feed .story-avatar{width:3.85rem;height:3.85rem;margin:0;border:2px solid transparent;background:linear-gradient(#151b2e,#151b2e) padding-box,linear-gradient(135deg,#e1306c,#ff8a3d,#1877f2) border-box!important;font-size:1rem}
#feed .story-card strong{max-width:4.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
#feed .story-card span{max-width:4.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--social-muted);font-size:.68rem}
.feed-create-actions{display:flex;gap:.6rem;margin:0 0 .9rem}
.feed-create-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;border-radius:999px;padding:.55rem 1rem;text-align:center;box-shadow:none}
.feed-create-button strong{font-size:.95rem}
.feed-create-button span{display:none}
.feed-create-button.story:before{content:"+";display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-right:.45rem;border-radius:50%;background:rgba(255,255,255,.16)}
.feed-create-button.post:before{content:"";width:1.15rem;height:1.15rem;margin-right:.45rem;border-radius:.3rem;background:linear-gradient(135deg,#e1306c,#1877f2)}
#feed .feed-composer,.story-composer{border-radius:16px!important;padding:.85rem!important}
#feed .create-post-top{margin-bottom:.55rem}
#feed .post-form textarea{min-height:3.1rem}
@media(max-width:680px){.feed-create-actions{display:grid;grid-template-columns:1fr 1fr}.feed-create-button{width:100%}}

/* Instagram-inspired application shell */
.app-shell{grid-template-columns:15rem minmax(0,1fr);gap:0;max-width:1280px;padding:0 1rem;margin:0 auto}
.sidebar{position:sticky;top:0;z-index:5;height:100vh;border:0!important;border-right:1px solid var(--social-line)!important;border-radius:0!important;padding:1.4rem 1rem;background:rgba(9,13,27,.94)!important;box-shadow:none!important}
.sidebar .brand{padding:.25rem .45rem 1.4rem}
.sidebar .brand-mark{width:2.65rem;height:2.65rem}
.sidebar .brand strong{font-size:.98rem;line-height:1.15}
.sidebar .brand span{margin-top:.18rem;font-size:.74rem}
.nav-list{display:flex;flex-direction:column;gap:.35rem}
.nav-item{display:flex;align-items:center;gap:.9rem;min-height:3.25rem;padding:.65rem .75rem!important;font-size:.95rem;text-align:left}
.nav-item.active{box-shadow:none!important}
.nav-icon{display:grid;place-items:center;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border:2px solid currentColor;border-radius:50%;font-size:1.1rem;line-height:1}
.nav-item[data-view="rooms"] .nav-icon{border-radius:7px;font-weight:900}
.nav-item[data-view="chat"] .nav-icon{border:0;font-size:1.45rem}
.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--social-blue),var(--social-pink));border-color:transparent;color:#fff;box-shadow:0 0 18px rgba(64,129,255,.35)}
.workspace{min-width:0;border:0!important;border-radius:0!important;padding:0 1.5rem 3rem;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.topbar{min-height:5rem;margin:0 -1.5rem 1rem;padding:.8rem 1.5rem;border-bottom:1px solid var(--social-line);background:rgba(11,16,32,.88)}
.topbar .view-heading{min-width:max-content}
.topbar .eyebrow{margin-bottom:.18rem;font-size:.68rem}
.topbar h1{font-size:1.55rem!important}
.mobile-brand{display:none;align-items:center;gap:.55rem}
.mobile-brand img{width:2.2rem;height:2.2rem;border-radius:8px}
.mobile-brand strong{font-size:1rem}
.match-banner{max-width:58rem;margin:0 auto 1rem;padding:.9rem 1rem!important;border-radius:12px!important;background:linear-gradient(110deg,rgba(47,140,255,.14),rgba(255,48,79,.1))!important;box-shadow:none!important}
.match-banner h2{margin-bottom:.25rem;font-size:1.05rem}
.match-banner p:last-child{max-width:48rem;margin-bottom:0;font-size:.82rem;line-height:1.4}
.match-banner .secondary-button{flex:0 0 auto;padding:.62rem .9rem;font-size:.82rem}

@media(max-width:980px){
  body{padding-bottom:4.6rem}
  .app-shell{display:block;max-width:none;padding:0}
  .sidebar{position:fixed;inset:auto 0 0;z-index:20;width:100%;height:auto;padding:0;border:0!important;border-top:1px solid var(--social-line)!important;background:rgba(8,12,25,.96)!important;backdrop-filter:blur(20px)!important}
  .sidebar .brand,.sidebar-legal-links{display:none}
  .nav-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
  .nav-item{justify-content:center;gap:.2rem;min-width:0;min-height:4.3rem;border-radius:0!important;padding:.42rem .15rem!important;font-size:.65rem}
  .nav-item.active{background:transparent!important}
  .nav-icon{width:1.65rem;height:1.65rem;flex-basis:1.65rem;font-size:1rem}
  .nav-label{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
  .workspace{padding:0 1rem 1.5rem}
  .topbar{margin:0 -1rem 1rem;padding:.65rem 1rem}
  .mobile-brand{display:flex}
  .topbar .view-heading .eyebrow{display:none}
}

@media(max-width:680px){
  .workspace{padding:0 .65rem 1rem}
  .topbar{min-height:3.8rem;margin:0 -.65rem .75rem;padding:.5rem .75rem;align-items:center;flex-direction:row}
  .mobile-brand strong{display:none}
  .topbar .view-heading{margin-right:auto}
  .topbar h1{font-size:1.05rem!important}
  .topbar-actions{width:auto;align-items:center;flex-direction:row}
  .search-pill{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem;padding:0;border-radius:50%!important;font-size:0}
  .search-pill:after{content:"⌕";display:grid;place-items:center;width:100%;font-size:1.2rem;color:#fff}
  .search-pill kbd{display:none}
  .match-banner{align-items:center;flex-direction:row;padding:.75rem!important}
  .match-banner .eyebrow,.match-banner p:last-child{display:none}
  .match-banner h2{margin:0;font-size:.88rem;line-height:1.25}
  .match-banner .secondary-button{padding:.55rem .7rem;white-space:nowrap}
}
.gamer-tag-search{display:grid;gap:.4rem}
.gamer-tag-search>label{color:var(--arena-dim);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.gamer-tag-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}
.gamer-tag-search input{min-width:0;border:1px solid var(--arena-line);border-radius:4px;padding:.68rem .75rem;color:var(--arena-white);background:#090d13}
.request-badge{display:grid;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:auto;border-radius:999px;padding:0 .3rem;color:#071007;background:var(--arena-lime);font-size:.64rem;font-weight:900}
.incoming-friends{display:grid;gap:.45rem;border-bottom:1px solid var(--arena-line);padding-bottom:.8rem}
.incoming-request-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;border:1px solid var(--arena-line);border-radius:4px;padding:.55rem;background:var(--arena-raised)}
.incoming-request-row strong{display:block;font-size:.82rem}
.incoming-request-row small{color:var(--arena-dim);font-size:.68rem}
.chat-menu-wrap{position:relative}
.chat-menu-button{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid var(--arena-line);border-radius:4px;color:var(--arena-white);background:var(--arena-raised);font-weight:900;letter-spacing:.08em}
.chat-options-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:12;display:grid;width:12rem;border:1px solid var(--arena-line);border-radius:5px;padding:.35rem;background:#0a0e14;box-shadow:0 18px 48px rgba(0,0,0,.48)}
.chat-options-menu button{border:0;border-radius:3px;padding:.65rem .7rem;color:var(--arena-white);background:transparent;text-align:left;font-size:.78rem;font-weight:750}
.chat-options-menu button:hover{background:var(--arena-raised)}
.chat-options-menu button.danger,.chat-options-menu button.confirming{color:#ff8a92}
.squad-access-list{display:grid;gap:.55rem}
.squad-access-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid var(--arena-line);border-radius:4px;padding:.65rem;background:var(--arena-raised)}
.squad-access-row strong,.squad-access-row small{display:block}
.squad-access-row small{color:var(--arena-dim);font-size:.7rem;text-transform:capitalize}
.squad-access-actions{display:flex;gap:.35rem}
.squad-access-actions button{padding:.48rem .62rem}
.friends-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;border-bottom:1px solid var(--arena-line);padding-bottom:.65rem}
.friends-tabs button{border:0;border-radius:3px;padding:.52rem .3rem;color:var(--arena-dim);background:transparent;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.friends-tabs button.active{color:#071007;background:var(--arena-lime)}
.friends-tabs button span{display:inline-grid;place-items:center;min-width:1.05rem;height:1.05rem;border-radius:999px;color:#071007;background:var(--arena-lime);font-size:.58rem}
.friends-tabs button.active span{color:var(--arena-white);background:#192310}
.friends-panel{display:grid;gap:.65rem;min-height:10rem}
.friend-profile-card{text-align:center}
.friend-profile-avatar{display:grid;place-items:center;width:5rem;height:5rem;margin:0 auto;border:2px solid var(--arena-lime);border-radius:8px;color:#071007;background:var(--arena-lime);font-size:1.35rem;font-weight:900}
.friend-profile-card h2{margin-bottom:.25rem}
.friend-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;text-align:left}
.friend-profile-details>div{border:1px solid var(--arena-line);border-radius:4px;padding:.7rem;background:var(--arena-raised)}
.friend-profile-details span,.friend-profile-details strong{display:block}
.friend-profile-details span{margin-bottom:.25rem;color:var(--arena-dim);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.friend-profile-details strong{font-size:.82rem}

/* Authentic gamer product theme */
:root{
  --gamer-bg:#07090d;
  --gamer-surface:#10141c;
  --gamer-raised:#161b25;
  --gamer-line:#252c39;
  --gamer-text:#f4f7fb;
  --gamer-muted:#8e98a8;
  --gamer-accent:#8cff32;
  --gamer-accent-dark:#14230b;
  --social-text:var(--gamer-text);
  --social-muted:var(--gamer-muted);
  --social-line:var(--gamer-line);
  --social-blue:var(--gamer-accent);
  --social-pink:var(--gamer-accent);
}
html{background:var(--gamer-bg)}
body{background:var(--gamer-bg)!important;color:var(--gamer-text);animation:none!important}
body::before,body::after,.workspace::before,.workspace::after,.animated-pacman{display:none!important}
.auth-screen{background:#090c11!important;animation:none!important}
.auth-screen::before,.auth-screen::after{display:none!important}
.auth-art{border:0!important;background:#0d1118!important;box-shadow:none!important}
.auth-art h1{max-width:36rem;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.03em;text-transform:none;text-shadow:none}
.auth-card{border:0!important;border-left:1px solid var(--gamer-line)!important;border-radius:0!important;background:#0a0d13!important;box-shadow:none!important;animation:none!important}
.auth-tab,.nav-item,.profile-tab,.friend-button,.search-pill,.upload-button{backdrop-filter:none!important;box-shadow:none!important}
.auth-tab::before,.nav-item::before,.profile-tab::before,.friend-button::before,.search-pill::before,.upload-button::before{display:none!important}
.auth-tab{border-color:var(--gamer-line);background:var(--gamer-surface)!important;text-transform:none;letter-spacing:0}
.auth-tab.active{border-color:var(--gamer-accent)!important;color:#081004!important;background:var(--gamer-accent)!important;text-shadow:none!important;box-shadow:none!important}
.auth-form input,.post-form input,.post-form select,.post-form textarea,.composer input,.account-link-form input,.account-link-form select{border-color:var(--gamer-line)!important;border-radius:6px!important;background:#0b0f15!important}
.sidebar{background:#090c11!important;animation:none!important}
.workspace{background:var(--gamer-bg)!important}
.topbar{background:rgba(7,9,13,.94);backdrop-filter:blur(12px)}
.topbar h1,.next-player-copy h2,h1{font-style:normal!important;letter-spacing:-.02em!important;text-transform:none!important;text-shadow:none!important}
.brand-mark{box-shadow:none!important}
.nav-item{color:var(--gamer-muted)!important}
.nav-item:hover{color:var(--gamer-text)!important;background:var(--gamer-surface)!important}
.nav-item.active{color:var(--gamer-text)!important;background:var(--gamer-raised)!important;box-shadow:inset 3px 0 0 var(--gamer-accent)!important}
.nav-item.active .nav-icon{border-color:var(--gamer-accent);color:var(--gamer-accent);background:transparent;box-shadow:none}
.search-pill{border-color:var(--gamer-line)!important;background:var(--gamer-surface)!important}
.match-banner,.next-player-panel,.host-match-panel,.squad-board-panel,.room-card,.chat-panel,.profile-card,.linked-accounts-panel,.passport-record-card,.stat,.feed-composer,.post-card,.activity-card,.account-card,.match-card,.ai-match-tile,.edit-screen-header{border:1px solid var(--gamer-line)!important;border-radius:8px!important;background:var(--gamer-surface)!important;box-shadow:none!important;backdrop-filter:none!important}
.host-match-list article,.match-flow-row article,.squad-profile-card,.squad-feature-card,.squad-lobby-card,.recent-group-hero{border-color:var(--gamer-line)!important;border-radius:7px!important;background:var(--gamer-raised)!important;box-shadow:none!important}
.match-banner{border-left:3px solid var(--gamer-accent)!important}
.match-banner .eyebrow,.eyebrow,.tag,.live-dot,.meta,#currentUserName,.stat strong{color:var(--gamer-accent)!important;text-shadow:none!important}
.primary-button,.secondary-button,.suggestion-button,.after-game-button{border:1px solid var(--gamer-accent)!important;border-radius:6px!important;color:#081004!important;background:var(--gamer-accent)!important;box-shadow:none!important;backdrop-filter:none!important}
.primary-button::before,.secondary-button::before,.ghost-button::before,.suggestion-button::before{display:none!important}
.secondary-button:hover,.primary-button:hover{background:#a2ff5e!important}
.ghost-button{border:1px solid var(--gamer-line)!important;border-radius:6px!important;color:var(--gamer-text)!important;background:var(--gamer-raised)!important;box-shadow:none!important}
.tiny-button{border-radius:5px!important}
.profile-tab-avatar,.avatar,.mini-avatar,.dm-avatar,.player-row span{color:#081004!important;background:var(--gamer-accent)!important;box-shadow:none!important}
.platform-pill,.account-pill,.match-chip-row span,.badge,.chemistry-score{border:1px solid #33401f!important;color:var(--gamer-accent)!important;background:var(--gamer-accent-dark)!important;box-shadow:none!important}
.feed-create-button,.feed-create-button.post,.story-composer{border-color:var(--gamer-line)!important;border-radius:7px!important;background:var(--gamer-surface)!important;box-shadow:none!important}
.feed-create-button.post::before{background:var(--gamer-accent)}
#feed .story-avatar{border-color:var(--gamer-accent)!important;background:var(--gamer-raised)!important;color:var(--gamer-text)!important;box-shadow:none!important}
#feed .social-post.text-only,#chat .chat-panel,#chat .messages,#chat .message-list{background:var(--gamer-surface)!important}
#chat .message.self{border-color:#405b29!important;color:var(--gamer-text);background:#1b2b13!important}
.actions button:hover{color:var(--gamer-accent)!important;background:var(--gamer-raised)!important}
.room-modal-card,.story-viewer-card{border-color:var(--gamer-line)!important;border-radius:10px!important;background:#10141c!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important}
.story-viewer-card{border-top:3px solid var(--gamer-accent)!important}
.story-progress span{background:var(--gamer-accent)}
.star-rating button.selected,.star-rating button:hover{color:var(--gamer-accent)!important}

@media(max-width:980px){
  .sidebar{background:rgba(9,12,17,.98)!important}
  .nav-item.active{background:transparent!important;box-shadow:inset 0 3px 0 var(--gamer-accent)!important}
  .nav-item.active .nav-icon{color:var(--gamer-accent)}
}

/* Next Player Arena UI */
:root{
  --arena-bg:#06080b;
  --arena-panel:#0d1117;
  --arena-raised:#121923;
  --arena-line:#27313d;
  --arena-lime:#a8ff3e;
  --arena-cyan:#43d9ff;
  --arena-white:#f7f9fc;
  --arena-dim:#8793a2;
}
body{background-color:var(--arena-bg)!important;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:48px 48px!important}
.app-shell{max-width:1380px}
.sidebar{width:auto;background:#080b10!important;border-right-color:#1f2731!important}
.sidebar .brand{position:relative;margin-bottom:.4rem;padding-bottom:1.5rem;border-bottom:1px solid #1f2731}
.sidebar .brand::after{content:"NPC // 01";position:absolute;right:.45rem;bottom:.35rem;color:#52606f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.12em}
.sidebar .brand strong{font-size:1.08rem;letter-spacing:-.02em}
.sidebar .brand span{color:#667382;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}
.nav-list{gap:.18rem}
.nav-item{position:relative;border-radius:4px!important;font-weight:750}
.nav-item::after{content:"";position:absolute;right:.65rem;width:4px;height:4px;border-radius:50%;background:#34404e}
.nav-item.active::after{background:var(--arena-lime);box-shadow:0 0 10px rgba(168,255,62,.5)}
.nav-icon{border-radius:5px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.nav-item.active{background:#151c24!important;box-shadow:inset 2px 0 0 var(--arena-lime)!important}
.workspace{padding-left:2rem;padding-right:2rem}
.topbar{min-height:4.5rem;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem;border-color:#1e2630;background:rgba(6,8,11,.94)}
.topbar .eyebrow{color:var(--arena-cyan)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.topbar h1{font-size:1.45rem!important;font-weight:820;letter-spacing:-.025em!important}
.topbar-actions{flex-wrap:nowrap}
.network-status{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.42rem;min-width:7.7rem}
.network-status>span{grid-row:1/3;width:.5rem;height:.5rem;border-radius:50%;background:var(--arena-lime);box-shadow:0 0 10px rgba(168,255,62,.5)}
.network-status strong,.network-status small{display:block;line-height:1.2}
.network-status strong{color:#d8dee7;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.network-status small{color:#657181;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}
.search-pill{min-width:19rem!important;border-radius:4px!important;background:#0c1118!important}
.search-pill kbd{border:1px solid #303b48;border-radius:3px;padding:.12rem .3rem;color:#7d8998;background:#151b23}
.match-banner{position:relative;overflow:hidden;max-width:62rem;border:1px solid #2a3541!important;border-left:3px solid var(--arena-lime)!important;border-radius:5px!important;background:#0d1218!important}
.match-banner::after{content:"LIVE LOBBY PROTOCOL";position:absolute;right:1rem;bottom:.35rem;color:#34404c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;letter-spacing:.14em}
.match-banner h2{font-size:1.08rem;letter-spacing:-.01em}
.next-player-panel{max-width:62rem!important;border:0!important;background:transparent!important}
.next-player-copy{padding:.35rem 0 .9rem;border-bottom:1px solid #202935}
.next-player-copy h2{margin-bottom:.3rem;font-size:1.75rem}
.next-player-copy p{max-width:44rem;margin-bottom:0}
.host-match-panel{border-radius:5px!important;background:#0d1218!important}
.host-match-panel .form-intro h3{margin-bottom:.3rem}
.host-match-list{gap:.55rem}
.host-match-list article{position:relative;border-radius:4px!important;border-left:2px solid #34404c!important;padding:.85rem!important;background:#111720!important}
.host-match-list article:hover{border-left-color:var(--arena-cyan)!important;background:#141c26!important}
.host-match-list article strong{letter-spacing:-.01em}
.match-flow-row{gap:.55rem}
.match-flow-row article{min-height:3.4rem;border-radius:4px!important;background:#0c1117!important}
.match-flow-row strong{border-radius:4px!important;color:#071007!important;background:var(--arena-lime)!important}
.primary-button,.secondary-button,.ghost-button,.suggestion-button,.after-game-button{min-height:2.55rem;border-radius:4px!important;text-transform:uppercase;letter-spacing:.055em;font-size:.75rem;font-weight:850}
.secondary-button{border-color:var(--arena-cyan)!important;color:#061014!important;background:var(--arena-cyan)!important}
.primary-button{border-color:var(--arena-lime)!important;background:var(--arena-lime)!important}
.ghost-button{background:#131923!important}
.feed-header,.edit-screen-header{border-bottom:1px solid #202935}
#feed{max-width:42rem}
#feed .story-row{scrollbar-width:thin;scrollbar-color:#303b48 transparent}
#feed .story-avatar{border:2px solid var(--arena-lime)!important;border-radius:8px!important}
#feed .story-card.unread .story-avatar{border-color:#ff3bbf!important;box-shadow:0 0 0 2px #ff3bbf,0 0 18px rgba(255,59,191,.55)!important}
#feed .story-card.viewed .story-avatar{border-color:#465164!important;box-shadow:none!important;filter:saturate(.65)}
#feed .story-card.mine .story-avatar{border-color:var(--arena-cyan)!important;box-shadow:0 0 0 1px rgba(35,219,255,.35)!important}
#feed .story-card strong{font-weight:750}
.feed-create-button{border-radius:4px!important;text-transform:uppercase;letter-spacing:.05em}
.post-card{border-radius:5px!important;background:#0d1218!important}
.post-header h3{font-size:.92rem}
.post-menu{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.actions{border-color:#242e3a!important}
.actions button{border-radius:3px!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.045em}
.profile-card,.linked-accounts-panel,.passport-record-card,.room-card,#chat .chat-panel{border-radius:5px!important}
.stat strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.platform-pill,.account-pill,.badge{border-radius:3px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}
.empty-state{border-radius:4px!important}

@media(max-width:980px){
  .workspace{padding-left:1rem;padding-right:1rem}
  .topbar{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}
  .nav-item.active{box-shadow:inset 0 2px 0 var(--arena-lime)!important}
  .nav-item::after{display:none}
}
@media(max-width:760px){.network-status{display:none}.topbar-actions{margin-left:auto}.search-pill{min-width:2.5rem!important}}
@media(max-width:680px){
  body{background-image:none!important}
  .workspace{padding-left:.65rem;padding-right:.65rem}
  .topbar{margin-left:-.65rem;margin-right:-.65rem;padding-left:.75rem;padding-right:.75rem}
  .match-banner::after{display:none}
  .next-player-copy h2{font-size:1.4rem}
}

/* Clean background: remove the legacy VS arena decorations. */
body{background:#06080b!important;background-image:none!important}
.auth-art::before,.workspace::before,.next-player-panel::before{content:none!important;display:none!important}
.host-match-list article[role="button"]{cursor:pointer}
.host-match-list article[role="button"]:focus-visible{outline:2px solid var(--arena-cyan);outline-offset:2px}
.match-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}
.match-detail-grid>div{display:grid;gap:.25rem;border:1px solid var(--arena-line);border-radius:5px;padding:.75rem;background:var(--arena-raised)}
.match-detail-grid span{color:var(--arena-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:520px){.match-detail-grid{grid-template-columns:1fr}}

/* Full-screen story viewer */
.story-viewer{inset:0!important;padding:0!important;background:#020305!important;backdrop-filter:none!important}
.story-viewer-card{position:relative!important;isolation:isolate;width:min(30rem,100vw)!important;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;padding:1rem!important;overflow:hidden;background:linear-gradient(155deg,#1e4cff,#7b2cff 52%,#e12f75)!important;box-shadow:none!important}
.story-viewer-card[data-story-tone="1"]{background:linear-gradient(155deg,#ff6b2c,#d62976 52%,#6528d7)!important}
.story-viewer-card[data-story-tone="2"]{background:linear-gradient(155deg,#075e54,#128c7e 52%,#121c2a)!important}
.story-viewer-card[data-story-tone="3"]{background:linear-gradient(155deg,#20252f,#5142a4 52%,#c23868)!important}
.story-viewer-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.2),transparent 16rem),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42))}
.story-progress{position:relative;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.3rem;height:.2rem;margin-right:2.8rem;background:none!important;overflow:visible!important}
.story-progress>span{width:auto!important;height:100%;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.3)}
.story-progress i{display:block;width:0;height:100%;background:#fff}
.story-progress .complete i{width:100%}
.story-progress .active i{animation:storyProgress 6s linear forwards}
@keyframes storyProgress{to{width:100%}}
.story-viewer-head{position:relative;z-index:4;margin-top:.8rem!important}
.story-viewer-close{z-index:6;top:.55rem!important;right:.65rem!important;background:rgba(0,0,0,.22)!important}
#storyViewerText{position:relative;z-index:2;align-self:center;margin:0 1.5rem!important;font-size:clamp(1.7rem,7vw,2.8rem)!important;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.story-nav{position:absolute;top:0;bottom:0;z-index:3;width:42%;border:0;background:transparent}
.story-nav-prev{left:0}.story-nav-next{right:0}.story-nav:disabled{pointer-events:none}
.story-viewer-footer{position:relative;z-index:4;align-self:end;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:rgba(255,255,255,.82);background:rgba(0,0,0,.18);text-align:center;font-size:.78rem}
.story-views-button{width:100%;border:0;padding:0;color:#fff;background:transparent;font-weight:750}
.story-viewers-sheet{position:absolute;right:0;bottom:0;left:0;z-index:10;max-height:58%;border-radius:14px 14px 0 0;padding:0 1rem 1rem;color:#f5f5f5;background:#121212;box-shadow:0 -16px 45px rgba(0,0,0,.42);animation:storySheetUp .2s ease-out}
.story-viewers-sheet header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;border-bottom:1px solid #2c2c2c;background:#121212}
.story-viewers-sheet header strong{font-size:.95rem}.story-viewers-sheet header button{border:0;color:#f5f5f5;background:transparent;font-size:1.7rem}
.story-viewers-list{display:grid;gap:.25rem;padding-top:.65rem;overflow:auto}
.story-viewer-row{display:flex;align-items:center;gap:.75rem;min-height:3.3rem;padding:.35rem .15rem}
.story-viewer-row-avatar{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff6b2c,#d62976 55%,#6528d7);font-size:.78rem;font-weight:800}
.story-viewer-row strong{font-size:.88rem}.story-viewers-empty{padding:2rem 0;color:#999;text-align:center}
@keyframes storySheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.social-post.shared-target{outline:2px solid var(--arena-lime);box-shadow:0 0 32px rgba(172,255,47,.24)}
.share-post-card{width:min(28rem,94vw)!important}.share-post-card>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--arena-line);padding-bottom:.75rem}.share-post-card>header h2{margin:0}.share-post-card>header button{border:0;color:#fff;background:transparent;font-size:1.7rem}.share-search input{width:100%;border:1px solid var(--arena-line);border-radius:8px;padding:.75rem .9rem;color:#fff;background:#0d131d}.share-friend-list{display:grid;gap:.35rem;max-height:48vh;overflow:auto}.share-friend-row{display:flex;align-items:center;gap:.75rem;width:100%;border:0;border-radius:8px;padding:.7rem;color:#fff;background:transparent;text-align:left}.share-friend-row:hover{background:#111722}.share-friend-row .dm-avatar{flex:0 0 auto}.share-friend-row strong{flex:1}.share-select-mark{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:2px solid #596171;border-radius:50%;color:#07101c;font-size:.8rem;font-weight:900}.share-friend-row.selected .share-select-mark{border-color:#4da3ff;background:#4da3ff}.share-status{min-height:1.2rem;margin:0;color:#aab4c8;font-size:.82rem}.share-post-actions{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid var(--arena-line);padding-top:.75rem}.share-post-actions button{min-width:6rem}.shared-post-message{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:.45rem;border:1px solid rgba(77,163,255,.45);border-radius:8px;padding:.7rem;color:#fff;background:#111c2d;text-align:left}.shared-post-message span{color:#4da3ff;font-weight:800}
@media(min-width:700px){.story-viewer{padding:1.25rem!important}.story-viewer-card{height:min(52rem,calc(100dvh - 2.5rem))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;box-shadow:0 30px 100px rgba(0,0,0,.65)!important}}

/* Compact Instagram-style feed create menu */
#feed .feed-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:.7rem}
#feed .feed-header h2{margin:0}
.feed-create-control{position:relative}
.feed-create-trigger{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--arena-line);border-radius:6px;color:var(--arena-white);background:var(--arena-raised);font-size:1.65rem;line-height:1}
.feed-create-trigger:hover,.feed-create-trigger[aria-expanded="true"]{border-color:var(--arena-lime);color:var(--arena-lime)}
.feed-create-menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:15;display:grid;width:15rem;border:1px solid var(--arena-line);border-radius:7px;padding:.35rem;background:#0b0f15;box-shadow:0 18px 55px rgba(0,0,0,.55)}
.feed-create-menu button{display:grid;grid-template-columns:2rem 1fr;column-gap:.6rem;align-items:center;border:0;border-radius:5px;padding:.7rem;color:var(--arena-white);background:transparent;text-align:left}
.feed-create-menu button:hover,.feed-create-menu button:focus-visible{background:var(--arena-raised)}
.feed-create-menu button>span{grid-row:1/3;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--arena-line);border-radius:5px;color:var(--arena-lime);font-size:1rem}
.feed-create-menu strong,.feed-create-menu small{grid-column:2;display:block}.feed-create-menu small{color:var(--arena-dim);font-size:.68rem}
.story-upload-card,.post-upload-card{width:min(38rem,100%);max-height:90vh;overflow:auto}
.story-upload-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:1rem!important;padding:1.25rem!important}
.story-upload-card>*{min-width:0;grid-column:1/-1}
.story-upload-card>div:first-child{display:grid;gap:.3rem}.story-upload-card>div:first-child span{color:var(--arena-dim);font-size:.82rem}
.story-upload-card input{width:100%;border:1px solid var(--arena-line);border-radius:6px;padding:1rem;color:var(--arena-white);background:#090d13}
.story-upload-card .story-composer-actions{display:flex;justify-content:flex-end;gap:.6rem}
.post-upload-card{display:block!important;margin:0!important;padding:1.25rem!important;background:#10141c!important}
.post-upload-card .post-form{margin-top:1rem}
@media(max-width:600px){.story-upload-card,.post-upload-card{width:100%;height:100dvh;max-height:none;border-radius:0!important;padding:1rem!important}.story-upload-card{align-content:center}}
.story-media-picker{display:flex;align-items:center;justify-content:center;min-height:3rem;border:1px dashed var(--arena-cyan);border-radius:6px;color:var(--arena-cyan);background:#0a1118;font-weight:850;cursor:pointer}
.story-media-picker input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}
.story-cropper{display:grid!important;grid-template-columns:minmax(10rem,15rem) minmax(12rem,1fr)!important;gap:1rem;align-items:center;border:1px solid var(--arena-line);border-radius:7px;padding:1rem;background:#090d13}
.story-crop-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:9/16;border:2px solid var(--arena-cyan);border-radius:6px;background:#020305}
.story-crop-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--story-crop-x,50%) var(--story-crop-y,50%);transform:scale(var(--story-crop-zoom,1));transform-origin:var(--story-crop-x,50%) var(--story-crop-y,50%);will-change:transform,object-position}
.story-crop-frame::before,.story-crop-frame::after{content:"";position:absolute;left:0;right:0;z-index:2;height:12%;background:rgba(0,0,0,.38);pointer-events:none}.story-crop-frame::before{top:0}.story-crop-frame::after{bottom:0}
.story-crop-frame>span{position:absolute;left:.45rem;bottom:.35rem;z-index:3;color:rgba(255,255,255,.72);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}
.story-crop-controls{display:grid;gap:.75rem}.story-crop-controls label{display:grid;gap:.35rem;color:var(--arena-dim);font-size:.72rem}.story-crop-controls input{padding:0!important;accent-color:var(--arena-cyan)}
.story-media-preview{display:grid;gap:.6rem}.story-media-preview img{display:block;width:100%;max-height:48vh;border-radius:7px;object-fit:contain;background:#05070a}.story-media-preview button{justify-self:start}
.story-media-status{color:var(--arena-dim);font-size:.75rem}
.story-viewer-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.story-viewer-card.has-media::before{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.05) 35%,rgba(0,0,0,.62))}
.story-viewer-card.has-media #storyViewerText{align-self:end;margin:0 1rem 4.5rem!important;font-size:1.2rem!important;text-align:left}
@media(max-width:600px){.story-cropper{grid-template-columns:minmax(0,1fr)!important}.story-crop-frame{width:min(14rem,70vw);justify-self:center}}

/* Social-style story editor */
#storyComposer{padding:0;background:rgba(0,0,0,.88);backdrop-filter:blur(12px)}
.story-upload-card{width:min(30rem,100%)!important;max-height:min(52rem,94dvh)!important;border:1px solid #262626!important;border-radius:12px!important;padding:0 1rem 1rem!important;overflow:auto;background:#000!important;color:#fff}
.story-editor-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:3.5rem;margin:0 -1rem .85rem;padding:0 1rem;border-bottom:1px solid #262626;background:#000}
.story-editor-bar strong{font-size:.95rem;text-align:center}
.story-editor-bar button{border:0;padding:.5rem 0;color:#f5f5f5;background:transparent;font-size:.88rem;font-weight:700}
.story-editor-bar button:first-child{text-align:left;font-weight:500}.story-editor-bar button:last-child{color:#4da3ff;text-align:right}
.story-media-picker{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:4.5rem;border:1px dashed #3a3a3a;border-radius:8px;color:#f5f5f5;background:#121212;font-size:.88rem;font-weight:650}
.story-media-picker>span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #555;border-radius:50%;font-size:1.3rem;font-weight:300}
.story-upload-card:has(.story-cropper:not(.hidden)) .story-media-picker,.story-upload-card:has(.story-media-preview:not(.hidden)) .story-media-picker{display:none}
.story-cropper{grid-template-columns:minmax(0,1fr)!important;gap:.85rem!important;border:0!important;padding:0!important;background:#000!important}
.story-cropper.hidden{display:none!important}
.story-crop-frame{width:min(22rem,100%);max-height:65dvh;justify-self:center;border:0;border-radius:8px;background:#111;cursor:grab;touch-action:none;user-select:none}
.story-crop-frame.dragging{cursor:grabbing}
.story-crop-frame img{pointer-events:none;-webkit-user-drag:none}
.story-crop-frame input[type="hidden"]{display:none}
.story-crop-frame::before,.story-crop-frame::after{height:10%;background:rgba(0,0,0,.22)}
.story-crop-frame>span{opacity:.55}
.story-crop-controls{grid-template-columns:1fr;gap:.7rem;padding:.7rem 0 0}
.story-gesture-hint{color:#a8a8a8;text-align:center;font-size:.74rem}
.story-zoom-buttons{display:flex;align-items:center;justify-content:center;gap:.7rem}.story-zoom-buttons button{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid #343b49;border-radius:50%;padding:0;color:#fff;background:#171c25;font-size:1.25rem}.story-zoom-buttons span{min-width:3rem;color:#fff;text-align:center;font-size:.76rem;font-weight:800}
.story-crop-controls button{min-height:2.65rem;border:0;border-radius:8px;color:#fff;background:#1877f2;font-weight:750}
.story-media-preview{justify-items:center}.story-media-preview img{width:min(22rem,100%);max-height:65dvh;border-radius:8px;object-fit:cover;aspect-ratio:9/16}
.story-media-preview button{justify-self:center!important;border:0!important;color:#ff5a67!important;background:transparent!important;text-transform:none!important;letter-spacing:0!important}
.story-media-status{min-height:1rem;color:#8e8e8e;text-align:center;font-size:.7rem}
.story-upload-card #storyText{border:1px solid #363636!important;border-radius:999px!important;padding:.8rem 1rem!important;background:#121212!important;font-size:.85rem}
@media(max-width:600px){#storyComposer{padding:0}.story-upload-card{height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important}.story-crop-frame,.story-media-preview img{width:min(24rem,100%);max-height:68dvh}}

/* Compact global search and top notification control */
.compact-search{min-width:8rem!important;width:auto!important;height:2.55rem;border-radius:999px!important;padding:.55rem .75rem!important;background:#111722!important}.top-notification-button{position:relative;display:grid;place-items:center;width:2.55rem;height:2.55rem;border:1px solid var(--gamer-line);border-radius:50%;color:#fff;background:var(--gamer-surface);font-size:1rem;font-weight:900}.top-notification-button .request-badge{position:absolute;top:-.35rem;right:-.35rem}.global-search-card{width:min(34rem,94vw)!important;padding:0!important;overflow:hidden}.global-search-card>header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--gamer-line)}.global-search-card>header h2{margin:0;font-size:1rem}.global-search-card>header button{border:0;color:#fff;background:transparent;font-size:1.6rem}.global-search-input{display:flex;align-items:center;gap:.65rem;margin:.85rem 1rem;border:1px solid var(--gamer-line);border-radius:999px;padding:.65rem .85rem;background:#090d13}.global-search-input input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent}.global-search-filters{display:flex;gap:.4rem;padding:0 1rem .8rem;overflow:auto}.global-search-filters button{border:1px solid var(--gamer-line);border-radius:999px;padding:.45rem .7rem;color:var(--gamer-muted);background:transparent;white-space:nowrap}.global-search-filters button.active{border-color:var(--gamer-accent);color:#081004;background:var(--gamer-accent)}.global-search-results{display:grid;gap:.2rem;max-height:55vh;padding:.3rem .65rem .8rem;overflow:auto}.global-result-row{display:flex;align-items:center;gap:.75rem;width:100%;border:0;border-radius:7px;padding:.7rem;color:#fff;background:transparent;text-align:left}.global-result-row:hover{background:var(--gamer-raised)}.global-result-icon{display:grid;place-items:center;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;border-radius:50%;color:#fff;background:#24324a;font-size:.72rem;font-weight:900}.global-result-row>span:nth-child(2){display:grid;flex:1;gap:.15rem}.global-result-row small{color:var(--gamer-muted)}.global-result-row b{color:var(--gamer-accent);font-size:.72rem}.search-target{outline:2px solid var(--gamer-accent);box-shadow:0 0 20px rgba(152,255,49,.2)!important}@media(max-width:680px){.compact-search{min-width:2.55rem!important;width:2.55rem!important;padding:0!important;font-size:0}.compact-search:after{content:"⌕";font-size:1.15rem}.compact-search kbd{display:none}.network-status{display:none}}
.post-header>div:nth-child(2){min-width:0;flex:1}.post-menu-wrap{position:relative;margin-left:auto}.post-menu{border:0;padding:.4rem;color:var(--gamer-muted);background:transparent;font-size:1rem;font-weight:900}.post-options-menu{position:absolute;top:100%;right:0;z-index:5;width:10rem;border:1px solid var(--gamer-line);border-radius:7px;padding:.35rem;background:#111722;box-shadow:0 14px 35px rgba(0,0,0,.45)}.post-options-menu button{width:100%;border:0;border-radius:5px;padding:.65rem;color:#ff6572;background:transparent;text-align:left;font-weight:750}.post-options-menu button:hover{background:rgba(255,101,114,.1)}
.passport-posts-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.passport-posts-head h2{margin:0}.passport-posts-head>span{color:var(--gamer-muted);font-size:.78rem}.passport-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;max-width:46rem}.passport-post-tile{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:1/1;min-width:0;border:0;padding:0;color:#fff;background:var(--gamer-raised);text-align:left}.passport-post-tile img{width:100%;height:100%;object-fit:cover}.passport-post-tile.text-post{padding:.75rem;background:linear-gradient(145deg,#17243a,#23152c)}.passport-post-tile.text-post>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:.76rem;line-height:1.3}.passport-post-tile small{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding:.35rem .45rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.passport-post-tile:hover{filter:brightness(1.12)}.passport-post-viewer-card{width:min(34rem,94vw)!important;max-height:92dvh!important;padding:0!important;overflow:hidden}.passport-post-viewer-card>header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--gamer-line)}.passport-post-viewer-card>header h2,.passport-post-viewer-card>header p{margin:0}.passport-post-viewer-card>header button{border:0;color:#fff;background:transparent;font-size:1.7rem}.passport-post-viewer-media{display:grid;place-items:center;min-height:16rem;max-height:62dvh;background:#030405}.passport-post-viewer-media img{display:block;max-width:100%;max-height:62dvh;object-fit:contain}.passport-post-text-view{display:grid;place-items:center;min-height:18rem;padding:2rem;color:#fff;background:linear-gradient(145deg,#17243a,#23152c);font-size:1.1rem;line-height:1.45;text-align:center}.passport-post-viewer-copy{padding:.8rem 1rem}.passport-post-viewer-copy p{margin:.4rem 0;color:#fff}.passport-post-viewer-copy small{color:var(--gamer-muted)}.passport-post-viewer-card>footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem 1rem;border-top:1px solid var(--gamer-line)}.passport-post-viewer-card>footer span{color:var(--gamer-muted);font-size:.75rem}@media(max-width:600px){.passport-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.passport-post-tile.text-post{padding:.5rem}.passport-post-tile.text-post>span{font-size:.64rem}.passport-post-viewer-card{width:100vw!important;max-height:100dvh!important;border-radius:0!important}}