body,html{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#000!important;color:#fff;min-height:100vh;width:100vw;overflow-x:hidden}.app-root{background:#000!important;min-height:100vh}.main-header,main,.footer{background:#000!important}.app-root{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:1}.main-header{padding:3rem 1rem 1.5rem;text-align:center;background:#181a20d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(80,80,120,.15)}.main-header h1{font-size:2.7rem;font-weight:800;letter-spacing:.04em;color:#c7a6ff;margin:0 0 .5rem;text-shadow:0 2px 24px #6e43c8aa}.subtitle{font-size:1.2rem;color:#b3b3b3;margin:0}main{flex:1;z-index:2}.footer{text-align:center;padding:1.5rem 0 1rem;color:#7a7a9a;font-size:1rem;background:#181a20b3;border-top:1px solid rgba(80,80,120,.15)}::-webkit-scrollbar{width:8px;background:#23263a}::-webkit-scrollbar-thumb{background:#312e4b;border-radius:8px}.members-section{width:100vw;padding:3em 0 2em;margin-top:1.5em;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;box-sizing:border-box}.members-row{display:flex;flex-direction:row;gap:2em;overflow-x:auto;overflow:visible!important;padding-bottom:16px;padding-top:18px;width:100%;padding-left:2vw;padding-right:2vw;min-width:0;box-sizing:border-box;margin-left:auto;margin-right:auto}.game-activity{display:flex;align-items:center;background:#191926;border-radius:12px;padding:10px 14px;margin-bottom:10px;box-shadow:0 2px 8px #0004;gap:14px;min-width:0}.game-activity img{width:54px;height:54px;border-radius:8px;object-fit:cover;box-shadow:0 1px 6px #0006}.game-activity-details{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.game-activity-details b{color:#f8f8fa;font-size:1.05em}.game-activity-details .game-name{font-weight:700;font-size:1.13em;color:#fff;margin-bottom:2px}.game-activity-details .game-state{color:#bbb;font-size:.97em;margin-bottom:1px}.game-activity-details .game-time{color:#888;font-size:.93em}.member-card{box-sizing:border-box;display:flex;flex-direction:row;gap:2em;overflow-x:auto;padding-bottom:16px;width:100%;scrollbar-color:#222 #000;scrollbar-width:thin}@media (max-width: 700px){.members-row{flex-direction:column;gap:1.2em;align-items:center;overflow-x:visible;width:100vw}.member-card{min-width:90vw!important;max-width:95vw!important}}.member-card{background:#111;border-radius:18px;box-shadow:0 2px 28px #000c,0 1.5px #222 inset;border:1.5px solid #232323;transition:box-shadow .18s,border .18s,transform .18s;outline:none;-webkit-user-select:none;user-select:none;border:2px solid #222;border-radius:1.5rem;box-shadow:0 4px 32px #111;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.8rem 1.2rem;min-width:300px;max-width:340px;transition:transform .3s cubic-bezier(.4,1.6,.7,1),box-shadow .3s;position:relative;overflow:hidden;color:#fff}.member-card:hover{transform:translateY(-8px) scale(1.025);box-shadow:0 8px 48px #a16eff55;z-index:3}.avatar-wrap{flex-shrink:0;border-radius:50%;overflow:hidden;width:108px;height:108px;background:#191924;box-shadow:0 0 0 4px #a16eff22;display:flex;align-items:center;justify-content:center}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(1.1) contrast(1.2)}.member-info{flex:1;min-width:0}.member-info h2{font-size:1.7rem;margin:0 0 .2rem;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 16px #0006}.member-info h3{color:#b3b3b3;font-size:1.1rem;font-weight:500;margin:0 0 .7rem;letter-spacing:.03em}.bio{color:#dedede;font-size:1.08rem;margin-bottom:1.1rem;line-height:1.52}.socials{display:flex;gap:1.1rem}.social-link{color:#e6e6e6;border:1.5px solid #a16eff;border-radius:1.2em;padding:.32em 1.1em;font-size:1rem;font-weight:600;text-decoration:none;background:#a16eff12;transition:background .2s,border-color .2s,color .2s;box-shadow:0 2px 12px #a16eff18}.social-link:hover{background:#a16eff;color:#181a20;border-color:#fff}@media (max-width: 700px){.members-section{margin:2rem 0 2.5rem;gap:2.1rem;padding:0 1rem}.member-card{flex-direction:column;gap:1.2rem;padding:1.2rem 1rem}.avatar-wrap{width:78px;height:78px}.member-info h2{font-size:1.25rem}}
