/* Mardly Join Squad — aggressively compact layout. */
.squad-public-page{width:100%;min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;background:#0d0b14!important;color:#f1efff!important;padding:0!important}
.squad-public-page .public-join-header{position:relative;height:56px;display:flex;align-items:center;justify-content:center;background:#0d0b14!important}
.squad-public-page .public-back{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;color:#f4f1ff!important;text-decoration:none!important;font-size:28px;line-height:1}
.squad-public-page .public-header-title{color:#f4f1ff!important;font:700 18px/1 "DM Sans",sans-serif!important}
.squad-public-page .join-preview-wrap{width:min(100%,650px);margin:0 auto;padding:5px 12px 14px!important}
.squad-public-page .join-preview-card,.squad-public-page .join-rules-card{border:1px solid #34304d!important;border-radius:17px!important;background:#211f34!important;box-shadow:none!important}
.squad-public-page .join-preview-card{overflow:hidden}
.squad-public-page .join-hero{text-align:center;padding:14px 12px 10px!important}
.squad-public-page .join-avatar{width:68px!important;height:68px!important;margin:0 auto 9px!important;border-radius:16px;background:linear-gradient(145deg,#4b3b78,#302848)!important;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:28px;box-shadow:none}
.squad-public-page .join-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.squad-public-page .join-hero h1{margin:0!important;color:#f7f5ff!important;font:700 25px/1.05 "DM Sans",sans-serif!important;letter-spacing:-.025em}
.squad-public-page .join-meta-row{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px}
.squad-public-page .join-member-pill,.squad-public-page .join-category{display:inline-flex;align-items:center;justify-content:center;margin:0!important;border-radius:999px!important;background:#1b182b!important;color:#aaa3c4!important;padding:5px 9px!important;font:500 11px/1 "DM Sans",sans-serif!important}
.squad-public-page .join-category{color:#9b74ff!important;background:#211a36!important}
.squad-public-page .join-hero p{max-width:560px;margin:9px auto 0!important;color:#aaa4bd!important;font:400 12px/1.3 "DM Sans",sans-serif!important}
.squad-public-page .join-stats{display:grid!important;grid-template-columns:repeat(3,1fr);margin:0 9px 9px!important;border:1px solid #34304d!important;border-radius:13px!important;background:#1a1729!important;overflow:hidden}
.squad-public-page .join-stats>div{min-width:0;padding:8px 3px 7px!important;text-align:center;border-right:1px solid #34304d!important}
.squad-public-page .join-stats>div:last-child{border-right:0!important}
.squad-public-page .join-stats strong{display:block;margin:0 0 3px!important;color:#9b74ff!important;font-size:16px!important;line-height:1}
.squad-public-page .join-stats b{display:block;color:#f0edff!important;font:700 11px/1.15 "DM Sans",sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.squad-public-page .join-stats span{display:block;margin-top:2px!important;color:#9992af!important;font:400 9px/1.1 "DM Sans",sans-serif!important}
.squad-public-page .join-rules-card{margin-top:9px!important;padding:13px 15px!important}
.squad-public-page .join-rules-card h2{margin:0 0 8px!important;color:#f3f0ff!important;font:700 16px/1.15 "DM Sans",sans-serif!important}
.squad-public-page .rule{display:flex!important;align-items:center!important;gap:7px!important;margin:7px 0!important;color:#9b74ff!important;font-size:15px!important;line-height:1}
.squad-public-page .rule span{color:#b7b1c8!important;font:400 11px/1.25 "DM Sans",sans-serif!important}
.squad-public-page .rules-extra[hidden]{display:none!important}
.squad-public-page .rules-more{width:auto!important;margin:9px auto 0!important;padding:4px 7px!important;display:flex!important;align-items:center;justify-content:center;gap:3px;background:transparent!important;border:0!important;color:#9b74ff!important;font:700 11px/1 "DM Sans",sans-serif!important;cursor:pointer;appearance:none!important}
.squad-public-page .rules-chevron{display:inline-block;transition:transform .18s ease}
.squad-public-page .rules-more[aria-expanded="true"] .rules-chevron{transform:rotate(180deg)}
.squad-public-page .join-main-button{display:block!important;width:min(78%,400px)!important;height:46px!important;margin:10px auto 0!important;padding:0 14px!important;border:0!important;border-radius:13px!important;background:linear-gradient(100deg,#6f4bd8,#9b74ff)!important;color:#fff!important;font:700 15px/1 "DM Sans",sans-serif!important;box-shadow:none!important;cursor:pointer}
.squad-public-page .join-main-button.pending{background:#34304d!important;color:#b9a9ff!important}
.squad-public-page .join-main-button span{display:inline}
@media(min-width:601px){.squad-public-page .join-preview-wrap{padding-top:8px}.squad-public-page .join-avatar{width:76px!important;height:76px!important}.squad-public-page .join-hero h1{font-size:28px!important}.squad-public-page .join-main-button{width:min(55%,360px)!important}}