.party-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.party-heading>div{max-width:760px}.party-heading .button{flex-shrink:0}.party-heading h1{font-size:clamp(42px,4.7vw,66px)}.party-demo{margin-bottom:30px;max-width:100%;font-size:12px}.party-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;align-items:start}.party-filter-panel{padding:24px;background:var(--surface);border-radius:var(--radius)}.party-filter-panel h2{font-size:27px;margin-bottom:23px}.party-filter-panel form{display:grid;gap:18px}.party-filter-panel .field small{color:var(--muted);font-size:11px;line-height:1.5}.party-filter-panel .field input,.party-filter-panel .field select{background:var(--bg);padding:11px 10px;font-size:12px}.party-board{min-width:0}.party-card{padding:25px;background:var(--surface);border-radius:var(--radius);margin-bottom:20px}.party-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.party-card h2{font-size:29px;margin-top:14px}.party-card h2 a:hover{color:var(--accent)}.party-card>p{color:var(--muted);font-size:13px;line-height:1.7;margin:14px 0 20px;max-width:70ch;overflow-wrap:anywhere}.party-tags{display:flex;gap:7px;flex-wrap:wrap}.party-tags span{background:var(--raised);padding:4px 8px;border-radius:5px;font-size:11px;color:var(--muted)}.party-tags .your-party{background:#253a32;color:#c0ebd7}.party-count{text-align:right;white-space:nowrap}.party-count strong{font:30px var(--font-display);color:var(--green)}.party-count strong span{color:var(--muted);font-size:21px}.party-count small{display:block;font-size:11px;color:var(--muted)}.party-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.party-slots li{border:1px solid var(--line);border-radius:7px;padding:12px 9px;min-width:0}.party-slots .vacant{border-style:dashed}.slot-position{font:21px/1 var(--font-display);color:var(--muted)}.occupied .slot-position{color:var(--green)}.party-slots strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere;margin-top:8px}.party-slots li>div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.party-slots .vacant strong{color:var(--accent)}.party-card-bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.party-card-bottom>div{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.party-card-bottom>div>span{color:var(--muted)}.party-card-bottom .button{font-size:12px;min-height:42px;padding:9px 14px;flex-shrink:0}.party-detail-tags{margin-bottom:26px}.party-detail-tags span{font-size:12px}.party-roster{list-style:none;margin:25px 0;padding:0}.party-roster li{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.party-roster .slot-position{width:30px;font-size:28px}.party-roster li>div{min-width:0;flex:1}.party-roster strong{display:block;font-size:15px;overflow-wrap:anywhere}.party-roster li>div>span{color:var(--muted);font-size:12px}.roster-status{font-size:11px;color:var(--muted);white-space:nowrap}.party-leave{margin-top:13px}.party-club-link{margin-top:20px}.party-create-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:44px;align-items:start}.party-create-form{display:grid;gap:20px}.party-create-form h2{margin:0}.party-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.party-create-aside{padding:24px 0}.party-create-aside h2{font-size:32px;margin-bottom:22px}.party-create-aside>p{color:var(--muted);font-size:14px;margin-bottom:20px;max-width:48ch}.party-profile{margin:28px 0}.party-profile .notice .text-link{margin-top:13px}.party-profile .party-card h2{font-family:var(--font-body);font-size:23px}.home-party{display:grid;grid-template-columns:.85fr 1.4fr;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;align-items:center}.home-party h2{font-size:40px}.home-party>div>p{font-size:14px;color:var(--muted);margin:15px 0 22px;max-width:390px}.home-party-example h3{font-size:21px;margin:15px 0 18px}.home-party-example>.text-link{margin-top:17px}.hero-content .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.party-profile h2,.party-card h2{overflow-wrap:anywhere}.party-create-form textarea{resize:vertical}.site-header nav{gap:24px}.party-card-bottom .button:focus-visible,.party-roster a:focus-visible{outline-offset:3px}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header nav a{font-size:12px}.party-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.party-filter-panel{padding:20px}.party-card{padding:20px}.party-slots{gap:6px}.party-slots li{padding:10px 7px}.party-card h2{font-size:25px}.party-card-bottom>div{gap:5px;flex-direction:column}.home-party{gap:25px;grid-template-columns:.8fr 1.4fr}}
@media(max-width:850px){.party-layout{grid-template-columns:1fr}.party-filter-panel form{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.party-filter-panel form>.button{align-self:end}.party-filter-panel h2{font-size:24px}.party-create-layout{grid-template-columns:1fr}.party-create-aside{padding:0}.home-party{grid-template-columns:1fr}.party-heading{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:700px){.site-header nav{display:grid;grid-template-columns:repeat(4,auto);column-gap:12px;row-gap:0;overflow-x:auto;scrollbar-width:thin}.site-header nav a{font-size:11px;min-height:40px;white-space:nowrap}.site-header{padding-bottom:0}.party-filter-panel{padding:20px}.party-filter-panel form{grid-template-columns:1fr 1fr;gap:16px 12px}.party-filter-panel .field input,.party-filter-panel .field select{font-size:12px;min-width:0;max-width:100%}.party-filter-panel .field{min-width:0}.party-filter-panel form>.button{grid-column:1/-1}.party-card{padding:20px}.party-card h2{font-size:27px}.party-tags span{font-size:11px}.party-card-top{gap:12px}.party-count strong{font-size:27px}.party-slots{grid-template-columns:1fr}.party-slots li{display:flex;gap:12px;align-items:center;padding:9px 12px}.party-slots li>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1;min-width:0}.party-slots strong{margin:0;font-size:12px}.party-slots li>div>span{margin:0;white-space:nowrap}.slot-position{width:17px;flex-shrink:0}.party-card-bottom{flex-direction:column;align-items:stretch;gap:14px}.party-card-bottom>div{flex-direction:row;justify-content:space-between;gap:10px}.party-card-bottom .button{width:100%}.party-demo{font-size:12px}.party-heading h1{font-size:46px}.party-heading .button{width:100%}.party-roster li{gap:12px}.roster-status{font-size:11px}.party-roster strong{font-size:13px}.party-roster .slot-position{width:20px}.party-form-grid{grid-template-columns:1fr}.party-create-form{padding:22px}.party-create-form>.button{width:100%}.home-party h2{font-size:34px}.home-party .party-slots{grid-template-columns:1fr}.hero-content .hero-actions{width:100%;gap:10px}.hero-content .hero-actions .button{min-height:43px}.hero-content:has(.hero-actions){min-height:610px}.hero:has(.hero-actions){min-height:610px}.hero:has(.hero-actions) .hero-label{bottom:230px}}
@media(max-width:370px){.site-header nav{grid-template-columns:1fr 1fr;overflow:visible}.site-header nav a{padding-bottom:10px}.party-filter-panel form{grid-template-columns:1fr}.party-card h2{font-size:24px}.party-roster .roster-status{display:none}.party-heading h1{font-size:40px}}
.party-filter-panel summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.party-filter-panel summary::-webkit-details-marker{display:none}.party-filter-panel summary h2{font-size:25px;margin:0}.party-filter-panel summary svg{width:18px;transform:rotate(-90deg);flex-shrink:0}.party-filter-panel[open] summary{margin-bottom:22px}.party-filter-panel[open] summary svg{transform:rotate(90deg)}