@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b12;--panel:#111621;--line:#242c3c;--text:#f7f8fc;--muted:#a0aabe;--blue:#397fff;--light:#8eb7ff;--font:"DM Sans",sans-serif;color-scheme:dark;font:16px/1.5 var(--font);background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#090c13;border-right:1px solid var(--line);padding:12px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:block;height:93px;overflow:hidden;background:#000;border-radius:14px;margin:8px 0 24px}.brand img{width:100%;height:100%;object-fit:cover}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--light);margin:0 0 14px}.side-label{font-size:.67rem;color:#778299;letter-spacing:.1em;margin-bottom:18px}.nav{width:100%;background:none;border:0;border-radius:10px;padding:14px 12px;text-align:left;display:flex;align-items:center;gap:12px;font-size:.92rem;color:#a8b2c6;margin:4px 0}.nav span{font-size:1.3rem;width:24px}.nav b{margin-left:auto;font-size:.75rem;border-radius:6px;background:#25314b;padding:2px 7px}.nav.active{background:#182846;color:#9ebfff}.nav:hover{background:#151d2c;color:#fff}.platform{margin-top:35px;padding:20px 10px;border-top:1px solid var(--line)}.platform>div{display:flex;align-items:center;gap:9px}.roblox-icon{font-size:2rem}.launch{font-size:.6rem;font-weight:700;letter-spacing:.08em;background:#1b2b46;padding:4px 6px;color:#a9c9ff;border-radius:5px}.platform p:last-child{font-size:.85rem;color:#7f8da4;line-height:1.8}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:20px 0 8px}.avatar{width:40px;height:40px;border-radius:13px;display:inline-grid;place-items:center;background:#234d8e;color:#d7e7ff;font-weight:700;flex-shrink:0}.side-bottom strong{font-size:.85rem;display:block}.side-bottom small{color:#8a98b0;font-size:.75rem}.side-bottom button{margin-left:auto;background:none;border:0;font-size:1.4rem;color:var(--muted)}.workspace{margin-left:244px}header{height:87px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:.75rem;letter-spacing:.1em;color:var(--muted);font-weight:600}.crumb span{margin:0 14px;color:#4e5c71}.primary{background:var(--blue);border:1px solid #609aff;color:white;border-radius:10px;padding:12px 19px;font-weight:700;box-shadow:0 4px 16px #174db726;transition:.2s}.primary:hover{background:#5b94ff;transform:translateY(-1px)}.demo{padding:10px 40px;background:#111c30;color:#a8bfdf;font-size:.8rem;border-bottom:1px solid #213350}.demo>span{font-size:.65rem;background:#263e64;color:#cadfff;padding:3px 6px;border-radius:4px;margin-right:9px;font-weight:700;letter-spacing:.07em}main{max-width:1510px;margin:auto;padding:42px 40px 20px}.title-row{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;margin-bottom:32px}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.07;letter-spacing:-.06em;margin:12px 0 18px;font-weight:600}h1 em{font-style:normal;color:#8aaeff}.intro{color:var(--muted);margin:0 0 20px;font-size:1rem}.feature{background:linear-gradient(120deg,#172d55,#192443 65%,#172138);border:1px solid #355281;border-radius:20px;padding:24px 28px;position:relative;overflow:hidden}.feature:after{content:"";position:absolute;right:-110px;top:-100px;width:300px;height:300px;border:38px solid #5685f216;border-radius:50%;pointer-events:none}.pill{display:inline-block;color:#c6d9ff;font-size:.65rem;letter-spacing:.13em;border:1px solid #5f80b9;padding:4px 8px;border-radius:5px;font-weight:700}.feature h2{font-size:1.65rem;letter-spacing:-.04em;line-height:1.2;margin:20px 0 10px}.feature p{font-size:.85rem;color:#a6badb}.feature-foot{font-size:.65rem;letter-spacing:.1em;display:flex;justify-content:space-between;margin-top:20px;color:#b6cded}.feature-foot span{font-size:1.1rem}.search-row{display:flex;gap:14px;align-items:center}.search{display:flex;align-items:center;gap:12px;background:#101622;border:1px solid #2a3549;border-radius:12px;padding:0 16px;flex:1}.search>span{font-size:1.5rem;color:#889dbd}.search input{background:none;border:0;outline:none;width:100%;padding:15px 0;color:white;min-width:0}.sort{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.85rem}.sort select{background:none;border:0;color:#d5e0f4;max-width:155px}.chips{display:flex;gap:8px;overflow:auto;padding:23px 0 17px;scrollbar-width:thin}.chip{white-space:nowrap;background:#111823;border:1px solid var(--line);border-radius:9px;color:#a7b4c9;padding:9px 14px;font-size:.85rem}.chip.active{background:#f4f7ff;color:#111b2e;border-color:#f4f7ff;font-weight:700}.filters{display:flex;align-items:end;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--line)}.filters label{font-size:.72rem;color:#889ab5;display:grid;gap:5px;flex:1}.filters select{font-size:.85rem;background:#101621;border:1px solid #273348;border-radius:8px;padding:10px;color:#d0dbed;width:100%}.text-button{border:0;background:none;font-size:.85rem;color:#8ca8cf;padding:11px 4px;white-space:nowrap}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 18px}.list-heading h2{font-size:1.2rem;margin:0;letter-spacing:-.025em}.list-heading h2 span{font:500 .8rem var(--font);margin-left:8px;background:#222d40;color:#a8b9d5;border-radius:6px;padding:3px 7px}.small{font-size:.8rem;color:#8e9eb7}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #263147;background:var(--panel);border-radius:16px;overflow:hidden;transition:transform .2s,border .2s}.card:hover{transform:translateY(-3px);border-color:#547cb6}.card-top{height:100px;padding:16px 19px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,var(--tint),#151c2d)}.card-top>div{display:flex;justify-content:space-between;gap:8px}.game-name{font-size:.72rem;letter-spacing:.08em;font-weight:800}.time{font-size:.68rem;color:#d4e0f6;white-space:nowrap}.game-caption{font-size:.7rem;letter-spacing:.09em;color:#c2cde2;opacity:.8}.card-body{padding:18px}.card h3{font-size:1.13rem;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px;min-height:3em}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.72rem;padding:3px 7px;border-radius:5px;background:#1e293b;color:#aebfdb}.leader{display:flex;align-items:center;gap:9px;margin:20px 0 16px}.leader .avatar{width:30px;height:30px;border-radius:9px;font-size:.75rem}.leader>div{min-width:0}.leader strong{display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.leader small{font-size:.7rem;color:#899ab3}.card-bottom{border-top:1px solid #222e42;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.spots{font-size:.8rem;color:#c3d2e9}.spots b{color:#8cb5ff}.details-button{background:#1c3255;color:#a7c9ff;border:1px solid #304e7c;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600}.details-button:hover{background:#254778}.panel{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:20px 0}.empty{padding:50px 20px;border:1px dashed #304665;border-radius:15px;text-align:center;color:var(--muted);grid-column:1/-1}.empty h2{color:white}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 0}.activity-item:last-child{border:0}.activity-item p{margin:4px 0;color:var(--muted);font-size:.875rem}.button-row{display:flex;gap:8px;flex-wrap:wrap}.secondary{border:1px solid #3c4b65;background:#1c2637;padding:10px 14px;border-radius:9px;color:#cfdbef}.danger{color:#ffb9bb;border-color:#6c3a47;background:#351e2a}footer{display:flex;justify-content:space-between;gap:14px;margin-top:55px;padding:22px 0;border-top:1px solid var(--line);font-size:.75rem;color:#74839b}.profile-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.preview-player{align-self:start}.preview-player .avatar{width:76px;height:76px;font-size:1.8rem}.preview-player p{overflow-wrap:anywhere;color:var(--muted)}form label{display:grid;gap:6px;margin:16px 0;font-size:.85rem;color:#bbcce7}form input,form select,form textarea{width:100%;background:#0b101a;border:1px solid #35445f;border-radius:9px;padding:11px;color:white;min-width:0}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full{width:100%;margin-top:15px}dialog{width:min(590px,calc(100% - 26px));max-height:90dvh;padding:28px;border:1px solid #3a4f74;background:#111826;color:white;border-radius:22px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020710cc;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-head h2{margin:0;font-size:1.7rem;letter-spacing:-.04em}.modal-head .eyebrow{font-size:.65rem}.icon{border:0;background:#26334a;border-radius:8px;width:34px;height:34px;font-size:1.4rem;flex-shrink:0}.detail-copy{line-height:1.8;color:#b2c1d8;white-space:pre-wrap;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.detail-grid div{padding:13px;background:#182438;border-radius:10px;font-size:.85rem}.detail-grid small{display:block;color:#8a9fbe;margin-bottom:4px}.request-message{padding:12px;border:1px solid #315685;border-radius:10px;color:#b2ceff;background:#142d4e}#toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translate(-50%,20px);padding:14px 20px;border:1px solid #4d73ad;background:#172940;color:#e2eeff;border-radius:12px;box-shadow:0 10px 40px #0008;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:3px solid #80b2ff;outline-offset:3px}
@media(min-width:1600px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.workspace{margin-left:210px}header{padding:0 26px}main{padding:30px 26px}.demo{padding:10px 26px}.feature{padding:22px}.feature h2{font-size:1.4rem}}@media(max-width:950px){.title-row{grid-template-columns:1fr}.feature{display:none}.filters{flex-wrap:wrap}.filters label{flex:1 0 40%}.sidebar{width:190px;padding:12px}.workspace{margin-left:190px}.sort{display:none}.profile-layout{grid-template-columns:1fr}.brand{height:78px}}@media(max-width:680px){.sidebar{position:static;width:100%;padding:6px 16px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{width:156px;height:55px;margin:0 0 7px}.side-label,.platform,.side-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav{width:auto;flex:1;justify-content:center;padding:10px 5px;font-size:.75rem;gap:5px}.nav span{font-size:1rem;width:auto}.nav b{display:none}.workspace{margin:0}header{height:64px;padding:0 18px}.crumb{font-size:.6rem}.crumb span{margin:0 7px}header .primary{padding:10px;font-size:.8rem}.demo{padding:10px 18px;font-size:.7rem}main{padding:28px 18px}.cards{grid-template-columns:1fr}.card h3{min-height:0}.title-row{margin-bottom:22px}h1{font-size:2.7rem}.list-heading>.small{display:none}.form-grid{grid-template-columns:1fr 1fr}.activity-item{align-items:start;flex-direction:column}footer{flex-direction:column}#toast{left:50%}.card-top{height:92px}}
/* PartyUp's lobby: electric blue, diagonal cuts, and restrained motion. */
:root{--panel:#101724;--line:#273248;--muted:#abb8cf;--blue:#357bff}
body{background:radial-gradient(ellipse at 85% 0%,#14356630,transparent 46%),#080b12}
.sidebar{background:linear-gradient(180deg,#0b101a,#080b12);padding-top:18px}
.brand{border:1px solid #1d2a40;border-radius:10px;margin-bottom:28px}
.side-label{font-size:.75rem}.nav{font-size:.875rem;border-radius:6px}.nav.active{background:linear-gradient(90deg,#1c3d72,#11213b);box-shadow:inset 3px 0 #5591ff}
.platform{margin-top:28px}.platform-stripes{display:flex;gap:7px!important;margin-top:24px}.platform-stripes i{width:22px;height:5px;background:#357bff;transform:skew(-32deg)}.platform-stripes i:nth-child(2){opacity:.5}.platform-stripes i:nth-child(3){opacity:.2}
.side-bottom{border-top:1px solid var(--line);padding-top:22px}.side-bottom>div{min-width:0}.side-bottom strong{overflow-wrap:anywhere}.side-bottom a{display:block;color:#96b9f8;font-size:.75rem;margin-top:5px}
header{height:80px;background:#0b101b99;backdrop-filter:blur(15px)}header .secondary{font-size:.875rem;padding:10px 13px}
main{padding-top:34px}.title-row{grid-template-columns:1.2fr 1fr;gap:32px;margin-bottom:26px}
h1{font-size:clamp(2.8rem,4.5vw,4.6rem);letter-spacing:-.065em;line-height:1.02;margin-bottom:17px}h1 em{color:#82afff}
.slash,.blue{color:#528eff}.eyebrow{font-size:.75rem;letter-spacing:.1em}.intro{color:#aebcd1}
.feature{padding:25px 28px 22px;min-height:236px;background:linear-gradient(120deg,#174da9,#143778 55%,#102347);border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 27px) 0,100% 27px,100% 100%,27px 100%,0 calc(100% - 27px));isolation:isolate}
.feature:after{width:260px;height:260px;border:1px solid #72a7ff55;right:-100px;top:38px;border-radius:0;transform:rotate(35deg)}
.feature:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 65px,#ffffff04 65px 66px)}
.feature .pill{font-size:.75rem;letter-spacing:.04em;border:0;background:#ffffff13;padding:5px 8px;border-radius:3px}.feature h2{font-size:1.75rem;margin:15px 0;max-width:80%}
.feature-stats{display:flex;gap:32px}.feature-stats>div{display:flex;align-items:center;gap:9px}.feature-stats strong{font:600 1.8rem "Space Grotesk",sans-serif}.feature-stats span{font-size:.875rem;max-width:60px;line-height:1.3;color:#ccddff}.feature-foot{font-size:.75rem;letter-spacing:.07em;margin-top:18px;color:#bad3ff}
.orbit{position:absolute;right:-28px;top:-25px;width:145px;height:145px;border:22px solid #80afff20;transform:rotate(25deg);z-index:-1;animation:orbit-drift 10s ease-in-out infinite alternate}
.primary{border-radius:7px;background:linear-gradient(125deg,#4b8bff,#2868ed);box-shadow:0 7px 22px #185dde26}.primary:hover{box-shadow:0 8px 24px #2771ff40}.primary:active{transform:translateY(1px)}.secondary,.details-button{border-radius:7px}
.search{border-radius:8px;background:#101927;box-shadow:0 5px 25px #0002}.search:focus-within{border-color:#619cff}.search input{font-size:1rem}.search input::placeholder{color:#94a6c1}
.chip{border-radius:5px;font-size:.875rem;padding:10px 15px;transition:background .2s,transform .2s}.chip:hover{transform:translateY(-2px);border-color:#628ac5}
.filters label{font-size:.875rem;color:#a3b4cf}.filters select{font-size:.875rem}.text-button{font-size:.875rem}.sort{font-size:.875rem}.small{font-size:.8125rem;line-height:1.6}
.list-heading h2{font-size:1.3rem}.cards{gap:20px}.card{border-radius:9px;box-shadow:0 8px 25px #0002;animation:card-in .42s both;animation-delay:var(--delay,0ms)}
.card-top{position:relative;background:linear-gradient(130deg,var(--tint),#15223b);height:110px;overflow:hidden}.card-top:after{content:"";position:absolute;width:95px;height:150%;right:-20px;top:-10px;border-left:1px solid #ffffff35;transform:skew(-28deg);background:#ffffff08}.card-top>div,.game-caption{position:relative;z-index:1}
.card-cut{position:absolute;bottom:-1px;left:0;width:100%;height:15px;background:var(--panel);clip-path:polygon(0 100%,0 0,55% 0,60% 100%,100% 100%)}.game-name{font-size:.8125rem;letter-spacing:.03em;max-width:70%}.time,.game-caption{font-size:.75rem}
.card-body{padding:19px}.card h3{font-size:1.2rem;overflow-wrap:anywhere}.tag{font-size:.8125rem;padding:4px 8px;background:#1a283e;border-radius:4px}.leader strong{font-size:.875rem}.leader small{font-size:.75rem}.capacity-track{height:4px;background:#27324a;margin:8px 0 13px;border-radius:4px;overflow:hidden}.capacity-track i{display:block;height:100%;background:#5c99ff}.card-bottom{border:0;padding-top:0}.spots,.details-button{font-size:.875rem}
.empty{position:relative;padding:42px 24px;border:1px solid #2c4060;border-radius:9px;background:radial-gradient(ellipse at 50% 0%,#193c7433,transparent 70%),linear-gradient(125deg,#101a2a,#0b111c);overflow:hidden}.empty:after{content:"";position:absolute;right:-60px;top:-50px;width:150px;height:230px;border:1px solid #3d639d33;transform:rotate(35deg);pointer-events:none}
.empty-mark{display:grid;place-items:center;width:56px;height:56px;background:#1c3c6b;color:#8cbbff;font-size:2.25rem;transform:rotate(-8deg);border:1px solid #406aa2;margin:0 auto 23px;border-radius:12px}.empty h2{font-size:1.8rem;letter-spacing:-.04em;margin:10px 0}.empty p:not(.eyebrow){max-width:490px;margin:12px auto 22px}
.connection{padding:14px 40px;background:#312713;color:#ffe0a3;border-bottom:1px solid #6c562a;font-size:.875rem}
.screen{animation:page-in .35s ease-out}.panel{border-radius:10px}.panel h3{margin:0;overflow-wrap:anywhere}.panel h4{margin:18px 0 6px}.own-card{border-top:2px solid #397fff}.muted{color:var(--muted)}
.preview-player{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 10%,#2362c766,transparent 60%),#101a2b;min-height:340px;border-color:#3b5b88;padding:30px;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,0 100%)}.preview-player .pill{font-size:.75rem}.preview-player h2{font-size:2rem;letter-spacing:-.04em;margin:17px 0 10px;overflow-wrap:anywhere}.player-monogram{margin-top:25px;width:85px;height:85px;display:grid;place-items:center;background:#3079f5;color:white;font:600 2.5rem "Space Grotesk",sans-serif;border-radius:18px;box-shadow:7px 7px 0 #719fff25}
form label{font-size:.875rem}form label .small{font-weight:400;color:#95aacb}dialog{border-radius:12px}dialog[open]{animation:dialog-in .18s ease-out}dialog p{color:#b9c8e0;line-height:1.65}.modal-head h2{font-size:1.6rem}.modal-head .eyebrow{font-size:.75rem}.detail-grid div{font-size:1rem;border-radius:6px}.detail-grid small{font-size:.8125rem}.team-roster{padding:16px;background:#13243d;border:1px solid #2c4a74;border-radius:8px}.team-roster h3{margin:0}.roster-row{display:flex;flex-direction:column;gap:4px;border-top:1px solid #2a3d5b;padding:12px 0}.roblox-handle{display:block;color:#acd0ff;font-size:.875rem;overflow-wrap:anywhere}.roblox-handle small{color:#98aac5}.signin-button{display:block;text-align:center}
footer{align-items:center;font-size:.8125rem}.footer-brand{font:700 1.25rem "Space Grotesk",sans-serif;color:white}.footer-brand span{color:#438bff}#toast{z-index:100;box-shadow:0 10px 45px #0009}
@keyframes orbit-drift{to{transform:rotate(45deg) translate(-8px,15px)}}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.title-row{grid-template-columns:1fr}.feature{display:none}.filters{flex-wrap:wrap}.filters label{flex:1 0 40%}}
@media(max-width:680px){.sidebar{padding:8px 14px}.brand{width:154px;height:55px;margin:0 0 7px}.nav{font-size:.8125rem;padding:11px 5px;gap:5px}.nav span{display:none}header{height:auto;min-height:70px;padding:12px 18px;gap:10px;flex-wrap:wrap}.crumb{font-size:.75rem}.crumb span{margin:0 6px}header .primary,header .secondary{font-size:.875rem}header .secondary span{display:none}main{padding:26px 18px}.title-row{margin-bottom:22px}h1{font-size:3.4rem}.eyebrow{font-size:.75rem}.list-heading h2{font-size:1.2rem}.connection{padding:12px 18px}.empty{padding:32px 18px}.empty h2{font-size:1.6rem}.profile-layout{gap:0}.form-grid{grid-template-columns:1fr}.activity-item .button-row{width:100%}footer{align-items:flex-start}.sort{display:none}.panel{padding:20px}.card-top{height:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.section-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-hero h1{margin-bottom:12px}.moderation-note{display:flex;align-items:center;gap:18px;padding:15px 18px;margin:0 0 24px;border:1px solid #31598a;background:linear-gradient(90deg,#112844,#101a2b);color:#bcd5ff;border-radius:8px}.moderation-note strong{color:#7fb0ff;white-space:nowrap}.moderation-note span{font-size:.875rem}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.community-card{background:#101724;border:1px solid #273248;border-radius:10px;overflow:hidden;transition:.2s}.community-card:hover{transform:translateY(-3px);border-color:#4d7cbd}.community-banner{height:95px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,var(--tint),#17243a);position:relative;overflow:hidden}.community-banner:after{content:"";position:absolute;right:-25px;top:-45px;width:120px;height:160px;border:1px solid #ffffff33;transform:rotate(32deg)}.community-banner span{font-size:.75rem;font-weight:700;letter-spacing:.08em}.community-banner strong{font:600 1.15rem "Space Grotesk",sans-serif}.community-body{padding:20px}.community-body h3{margin:8px 0;font-size:1.25rem;overflow-wrap:anywhere}.community-body>p:not(.eyebrow){color:#a9b7cc;min-height:3em;overflow-wrap:anywhere}.community-body .details-button{width:100%;margin-top:15px}.announcement{font-size:.8125rem;padding:10px;border-left:3px solid #508aff;background:#17263d;color:#bfd4f7;overflow-wrap:anywhere}
.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.friend-card{display:flex;gap:15px;padding:20px;background:#101724;border:1px solid #273248;border-radius:9px}.friend-card h3{margin:0 0 5px}.friend-card p{margin:0;color:#9eacc1;overflow-wrap:anywhere}
#chatDialog,#communityDialog{width:min(760px,calc(100% - 26px))}.messages{height:min(50vh,440px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:18px 4px;margin:15px 0;border-top:1px solid #283751;border-bottom:1px solid #283751}.message{max-width:80%;align-self:flex-start;background:#17243a;border:1px solid #2c4161;padding:10px 13px;border-radius:5px 13px 13px 13px}.message.mine{align-self:flex-end;background:#184994;border-color:#3773d0;border-radius:13px 5px 13px 13px}.message strong{font-size:.8125rem;color:#8fb9ff}.message p{margin:3px 0;color:#edf4ff;white-space:pre-wrap;overflow-wrap:anywhere}.message small{font-size:.7rem;color:#91a5c4}.chat-empty{text-align:center;color:#92a4c0;margin:auto}.composer{display:flex;gap:10px;align-items:end}.composer input{margin:0;flex:1}.composer select{width:auto;margin:0}.composer button{margin:0}
.community-feed{height:min(42vh,390px);overflow:auto;margin:18px 0;display:flex;flex-direction:column;gap:11px}.post{padding:13px 15px;background:#121c2d;border:1px solid #263750;border-radius:7px}.post>span{float:right;font-size:.7rem;color:#90a9cf;text-transform:uppercase}.post strong{font-size:.875rem}.post p{margin:7px 0;color:#dbe7f8;white-space:pre-wrap;overflow-wrap:anywhere}.post small{color:#8195b4;font-size:.72rem}.announcement-post{border-left:4px solid #488bff;background:#152947}.announcement-post>span{color:#84b3ff}.filters{overflow-x:auto}.filters label{min-width:130px}
@media(max-width:1100px){.community-grid,.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sidebar nav{overflow-x:auto;justify-content:flex-start}.nav{min-width:105px}.community-grid,.friend-grid{grid-template-columns:1fr}.section-hero{align-items:flex-start;flex-direction:column}.moderation-note{align-items:flex-start;flex-direction:column;gap:5px}.composer{flex-wrap:wrap}.composer input{flex-basis:70%}.message{max-width:92%}.filters{flex-wrap:nowrap}.filters label{flex:0 0 145px}}
.utility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0}.utility-row form{display:flex;gap:8px;margin:0}.utility-row input{background:#0c1320;border:1px solid #35445f;border-radius:7px;padding:10px;color:#fff;max-width:180px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#263650;border:1px solid #263650;margin-bottom:24px}.feature-strip>div{display:grid;gap:3px;padding:15px 18px;background:#101a2b}.feature-strip strong{color:#80adfa}.feature-strip span{font-size:.8125rem;color:#99abc6}
.profile-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-profile{display:flex;justify-content:space-between;gap:15px;padding:19px;background:#101724;border:1px solid #2a3850;border-radius:8px}.game-profile h3{margin:12px 0 3px}.game-profile p{color:#94a5bd;font-size:.8125rem}.badge-grid{display:flex;gap:10px;flex-wrap:wrap}.achievement{padding:9px 13px;background:linear-gradient(120deg,#173566,#12233e);border:1px solid #3a6398;color:#b8d4ff;border-radius:5px;font-weight:700;font-size:.875rem}.verified-mark{display:inline-block;margin-top:20px;color:#7cb0ff;font-weight:700}.reputation{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px;align-items:baseline;margin-top:24px}.reputation strong{font:700 1.45rem "Space Grotesk",sans-serif;color:#82afff}.reputation span{font-size:.75rem;color:#97a9c1}
.notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:inherit;text-decoration:none;margin:10px 0}.notice.unread{border-left:4px solid #4e8cff;background:#13213a}.notice small{color:#8295b2}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.admin-stats>div{padding:18px;background:#101a2b;border:1px solid #2b3e5d}.admin-stats strong{display:block;font:700 1.8rem "Space Grotesk",sans-serif;color:#78a9ff}.admin-stats span{text-transform:capitalize;color:#9babc1;font-size:.75rem}.danger{background:#3b1b25;border-color:#743647;color:#ffb6c2}
.party-code{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:12px;background:#0b1729;border:1px dashed #4774af}.party-code span{font-size:.7rem;letter-spacing:.12em;color:#8da8ce}.party-code strong{font:700 1.1rem "Space Grotesk",sans-serif;letter-spacing:.08em;color:#8db9ff}.channel-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.channel-button{display:flex;justify-content:space-between;gap:8px;border:1px solid #2b405f;background:#132138;color:#d9e8ff;padding:11px 13px;border-radius:6px;text-align:left}.channel-button small{color:#8198bb}.event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 15px}.event-card{padding:14px;background:#101c2f;border:1px solid #2a405f;border-radius:7px}.event-card h4{font-size:1rem;margin:9px 0}.event-card p{font-size:.8125rem;margin:5px 0}.participant-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.participant-list>span{padding:6px 9px;background:#18263c;border-radius:5px;font-size:.8125rem}.participant-list small{color:#8ea5c7}.bracket{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match{display:grid;gap:7px;padding:14px;background:#101b2c;border:1px solid #2a4161}.match>span{font-size:.7rem;color:#829bc0}.match>strong{padding:6px 8px;background:#17253b}.match>em{font-size:.8125rem;color:#80b0ff;font-style:normal}.review-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.review-tags label{display:flex;align-items:center;gap:8px;padding:12px;background:#142039;border:1px solid #2e4569;border-radius:6px}.review-tags input{width:auto;margin:0}.switch-row{display:flex;align-items:center;gap:9px;color:#bed0eb}.switch-row input{width:18px;height:18px}
@media(max-width:950px){.profile-games{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.utility-row{align-items:stretch;flex-direction:column}.utility-row form,.utility-row input{width:100%;max-width:none}.feature-strip,.profile-games,.admin-stats,.event-list,.bracket{grid-template-columns:1fr}.channel-list{grid-template-columns:1fr}.notice{grid-template-columns:1fr}.review-tags{grid-template-columns:1fr}}