.community-body{background:#fff;color:#343440}.community-page{max-width:960px;margin:auto}.community-mast{height:495px;position:relative;background:linear-gradient(0deg,#fff0,#fff2),url('/assets/game/img/world/1080/3.jpg') center 31%/cover}.community-heading{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:min(94%,570px);filter:drop-shadow(0 8px 8px #0003)}.community-heading h1{height:150px;background:#f9f8fb;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);padding:35px 0 0 32%;font-size:40px;line-height:1.2;color:#07080b;position:relative}.community-heading h1:before{content:'';position:absolute;left:20%;top:29px;width:58%;height:92px;background:#34323f;clip-path:polygon(10% 0,3% 45%,23% 92%,100% 100%,20% 100%,0 47%)}.community-heading small{display:block;font-size:20px}.community-content{max-width:620px;padding:58px 48px 90px;margin:auto}#community-state{padding:55px 5px;text-align:center;line-height:2;color:#78658d}#community-state .primary{margin-top:20px}.friend-card{position:relative;height:145px;padding:15px 0;margin:20px 0 35px}.friend-card-body{position:absolute;left:0;right:0;top:20px;height:102px;text-align:center;background:#fff;filter:drop-shadow(0 6px 5px #0003);padding:28px 100px 0 20px;isolation:isolate}.friend-card-body:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;clip-path:polygon(12% 0,89% 0,100% 50%,89% 100%,12% 100%,0 50%)}.friend-card-body{background:transparent}.friend-card h2{font-size:24px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#36343f}.friend-code{font-size:15px;color:#535363}.friend-portrait{position:absolute;right:-1px;top:0;width:120px;height:132px;filter:drop-shadow(0 4px 6px #0005)}.friend-portrait-crop{position:absolute;inset:5px 0 7px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#302338;display:grid;place-items:center}.friend-portrait-crop>img{width:100%;height:100%;object-fit:cover}.friend-ptt{position:absolute;right:0;bottom:0;width:100px;height:62px;text-align:center;display:grid;place-items:center}.friend-ptt>img{position:absolute;width:100%;height:100%;object-fit:contain}.friend-ptt>strong{position:relative;z-index:1;color:#fff;text-shadow:1px 1px #33243b,-1px -1px #33243b;font-size:23px;font-weight:800;margin-top:-2px}.friends-controls{display:flex;align-items:center;justify-content:space-around;gap:20px;margin:10px 0 55px;color:#383946;font-size:16px}.add-friend{position:relative;width:150px;height:42px;font-size:18px;font-weight:700;filter:drop-shadow(0 3px 5px #0004)}.add-friend:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%)}.community-rule{display:flex;align-items:center;gap:20px;max-width:200px;margin:0 auto 40px;color:#d0cdd3;font-size:13px}.community-rule:before,.community-rule:after{content:'';height:1px;background:#d8d6dc;flex:1}.mutual-tag{position:absolute;top:-7px;left:14%;background:#fff;padding:4px 14px;font-size:11px;font-weight:700;box-shadow:0 2px 7px #0002}.friend-recent{position:absolute;left:7%;right:8%;bottom:0;background:linear-gradient(#3e2253,#715080);color:#fff;font-size:11px;line-height:27px;padding:0 85px 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-friend{position:absolute;right:0;top:-7px;font-size:30px;line-height:25px;z-index:2;color:#42404c;width:32px;height:32px;background:#fffd;border-radius:50%}.friend-time{position:absolute;left:-32px;bottom:18px;font-size:14px;color:#4f5469}.community-empty{text-align:center;color:#92859c;line-height:1.8;font-size:13px;padding:45px 0}#add-friend-form label{display:block;text-align:left;font-size:12px;margin:25px 0}#add-friend-form input{display:block;width:100%;padding:15px 12px;margin-top:10px;border:1px solid #dcd2e7;background:#faf8fd;font-size:18px;letter-spacing:2px}.partners-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 28px;font-size:13px;color:#7b6590}.partners-toolbar>div{display:flex;gap:12px}.partners-toolbar button{padding:8px 4px;border-bottom:2px solid transparent}.partners-toolbar button[aria-pressed=true]{color:#65428d;border-color:#76549e}.partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.partner-tile{position:relative;text-align:center;min-width:0;padding:5px 3px 12px;border:1px solid #e5dfea;border-radius:3px;background:#fff;transition:transform .15s,box-shadow .15s}.partner-tile:hover,.partner-tile:focus-visible{transform:translateY(-3px);box-shadow:0 4px 12px #50316f22}.partner-tile.selected{border-color:#8954b4;background:#f9f5fd}.partner-icon{aspect-ratio:1;overflow:hidden;background:#ece8f0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);margin:5px}.partner-icon img{width:100%;height:100%;object-fit:cover}.partner-tile.locked .partner-icon{filter:grayscale(1);opacity:.48}.partner-tile-name{display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere;min-height:30px;padding:4px}.partner-tile>small{font-size:10px;color:#94849f}.partner-lock{position:absolute;top:38%;left:calc(50% - 6px);width:13px;height:12px;border:1.5px solid #63586d;border-radius:2px;background:#f9f8fc}.partner-lock:before{content:'';position:absolute;left:2px;top:-8px;width:6px;height:8px;border:1.5px solid #63586d;border-bottom:0;border-radius:6px 6px 0 0}.awakened-mark{position:absolute;top:5px;right:4px;padding:2px 5px;background:#715296;color:#fff;font-size:9px}.partner-detail{width:880px;max-width:calc(100vw - 30px);max-height:92dvh;border:0;padding:0;color:#fff;background:#30253f;overflow:auto;box-shadow:0 12px 60px #0005}.partner-detail[open]{display:grid;grid-template-columns:1.2fr 1fr}.partner-detail::backdrop{background:#251c3c99;backdrop-filter:blur(5px)}.partner-art{min-height:480px;background:radial-gradient(ellipse at 50% 30%,#77618c,#2a2338);display:flex;align-items:center;justify-content:center}.partner-art img{display:block;width:100%;height:560px;max-height:75dvh;object-fit:contain;object-position:50% 25%}.partner-detail.unowned .partner-art img{filter:grayscale(1);opacity:.65}.partner-information{padding:85px 30px 40px;display:flex;flex-direction:column;justify-content:center}.partner-information>small{font-size:10px;letter-spacing:2px;color:#d2bde4}.partner-information h2{margin:18px 0;font-size:30px;overflow-wrap:anywhere}.partner-information>p{color:#c1add0;font-size:12px;line-height:1.8}.partner-stat{display:flex;gap:30px;border-top:1px solid #a58ab944;border-bottom:1px solid #a58ab944;padding:22px 0;margin:25px 0}.partner-stat span{font-size:10px;color:#bfa9d2}.partner-stat strong{display:block;font-size:20px;color:#fff;margin-top:9px}.partner-detail>.close-dialog{background:#fff;color:#49345d;z-index:2;border-radius:50%;width:35px;height:35px}.period-song{display:flex;flex-direction:column;align-items:center;gap:12px;margin:18px 0;color:#654883;font-size:14px}.period-jacket{width:160px;height:160px;object-fit:cover;box-shadow:0 5px 12px #39224d30}
@media(min-width:761px){.community-content:has(.partner-grid){max-width:880px}.partner-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.community-mast{height:495px}.community-content{padding:45px 45px 60px}.community-heading h1{font-size:39px}.friend-card{margin-bottom:40px}.friend-card h2{font-size:22px}.friend-card-body{padding-left:18px;padding-right:90px;height:90px}.friend-portrait{width:122px}.friend-recent{font-size:10px;line-height:25px;padding-right:75px;left:7%;right:5%}.owner-card .friend-card-body{padding-top:20px}.friend-time{left:-30px;bottom:24px}.friends-controls{font-size:16px;margin-bottom:55px}.partner-grid{gap:18px 10px}.partners-toolbar{font-size:11px}.partner-detail[open]{display:block}.partner-art{min-height:0}.partner-art img{height:430px;max-height:60dvh}.partner-information{padding:25px 28px 35px}.partner-information h2{font-size:26px;margin:12px 0}.partner-stat{margin:20px 0}.partner-detail .close-dialog{position:fixed;top:25px;right:25px}}
@media(max-width:390px){.community-content{padding-left:32px;padding-right:32px}.community-heading h1{height:135px;padding-top:32px;font-size:35px}.community-heading h1:before{height:80px}.friend-portrait{width:105px;height:122px}.friend-card h2{font-size:19px}.friend-ptt{width:86px;height:57px}.friend-ptt strong{font-size:20px}.friend-card-body{padding-right:70px}.friend-recent{padding-right:68px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.community-heading h1{font-weight:800;letter-spacing:0}.community-heading small{font-weight:700;letter-spacing:0}.friend-card h2{font-weight:700}