.quick-match-page{display:grid;gap:24px}.quick-match-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px;border-radius:28px;background:#08291d;color:#fff}.quick-match-hero h1{margin:6px 0 10px;font-size:clamp(2.2rem,4vw,4.5rem);color:#fff}.quick-match-hero p{max-width:760px;margin:0;color:#d8e7df}.quick-match-live-count{display:flex;align-items:center;gap:8px;padding:13px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;white-space:nowrap}.quick-match-live-count strong{font-size:1.25rem;color:#c8ff4d}.quick-match-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px}.quick-match-card{border:1px solid #d9e4de;border-radius:24px;background:#fff;padding:24px;box-shadow:0 10px 30px rgba(7,41,29,.06)}.quick-match-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.quick-match-card-head h2{margin:5px 0 0}.quick-match-card-head>a{font-weight:800;color:#116c3f}.quick-match-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.quick-match-preference{position:relative;display:flex;gap:12px;padding:16px;border:1px solid #dbe5df;border-radius:18px;cursor:pointer}.quick-match-preference:has(input:checked){border-color:#0e6b3c;background:#f4faea;box-shadow:inset 0 0 0 1px #0e6b3c}.quick-match-preference input{margin-top:4px}.quick-match-preference span,.quick-match-options span{display:grid;gap:4px}.quick-match-preference small,.quick-match-options small,.quick-match-lobby-intro,.quick-match-player small{color:#66766d;line-height:1.45}.quick-match-options{display:grid;gap:10px;margin-bottom:20px}.quick-match-options label{display:flex;align-items:start;gap:12px;padding:12px 0}.quick-match-options input{margin-top:5px}.quick-match-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-match-status{display:grid;gap:6px;margin-top:18px;padding:15px 17px;border-radius:16px;background:#f4f7f5}.quick-match-status:empty{display:none}.quick-match-status.waiting{background:#f3fbe3}.quick-match-status.matched{background:#e7f8ee;border:1px solid #acd8bc}.quick-match-status.error{background:#fff0f0;color:#8b2525}.quick-match-status.notice{background:#fff7df}.quick-match-status .button{width:max-content;margin-top:8px}.quick-match-lobby{display:grid;gap:10px;margin-top:16px}.quick-match-player{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e0e8e3;border-radius:16px}.quick-match-player>div{display:flex;align-items:center;gap:11px;min-width:0}.quick-match-player a{color:#10251b;text-decoration:none}.quick-match-player a:hover{text-decoration:underline}.quick-match-player small{display:block}.quick-match-online-dot{width:10px;height:10px;border-radius:50%;background:#29c96f;box-shadow:0 0 0 4px rgba(41,201,111,.12);flex:0 0 auto}.quick-match-unavailable{font-size:.78rem;color:#77867e;text-align:right}.quick-match-how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-match-how article{display:grid;gap:5px;padding:17px 18px;border:1px solid #dce7e1;border-radius:18px;background:#f8faf9}.quick-match-how span{color:#66766d;font-size:.9rem}.quick-match-dashboard-card{background:linear-gradient(135deg,#08291d,#0c4d31);color:#fff}.quick-match-dashboard-card h2,.quick-match-dashboard-card strong{color:#fff}.quick-match-dashboard-card p{color:#d5e5dc}.quick-match-dashboard-count{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#c8ff4d}.quick-match-profile-availability{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.quick-match-profile-availability .available-label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e6f8ed;color:#0a5d35;font-weight:800}.clubhouse-matchmaking-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;border-radius:18px;background:#edf8f1;border:1px solid #cfe8d8}.clubhouse-matchmaking-prompt p{margin:3px 0 0;color:#607168}@media(max-width:900px){.quick-match-grid,.quick-match-how{grid-template-columns:1fr}.quick-match-preferences{grid-template-columns:1fr}.quick-match-hero{align-items:start;flex-direction:column}}@media(max-width:600px){.quick-match-hero,.quick-match-card{padding:18px}.quick-match-player{align-items:flex-start;flex-direction:column}.quick-match-player .button{width:100%}}
.quick-match-dashboard-players{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-match-dashboard-players a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;text-decoration:none;font-size:.86rem}.quick-match-dashboard-players small{color:#bcd2c6}.quick-match-dashboard-players .quick-match-online-dot{width:7px;height:7px}

.quick-match-simple-rule {
    border: 1px solid rgba(37, 92, 69, .18);
    border-radius: 18px;
    background: rgba(241, 248, 238, .72);
    padding: 16px 18px;
    display: grid;
    gap: 5px;
}
.quick-match-simple-rule strong { color: #0b452f; }
.quick-match-simple-rule span { color: #607168; font-size: .92rem; line-height: 1.55; }