/* A single setup surface: two decks, opening order, play. */
.match-lobby{width:min(100%,900px);margin:0 auto;min-height:calc(100dvh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px 48px;gap:24px}
.match-picker{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:24px;width:min(100%,660px)}
.match-deck-choice{min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px}
.match-deck-choice>label{font-size:17px;font-weight:650;color:var(--text,#f2f4f6)}
.match-deck-slot{height:244px;width:175px;display:grid;place-items:center}
.deck-placeholder{width:100%;height:100%;border:1px dashed #536576;border-radius:12px;display:grid;place-items:center;background:transparent}
.deck-placeholder>span{font-size:36px;font-weight:300;color:#536576}
.match-deck-cover{height:100%;max-width:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 8px 15px #0004)}
.match-deck-select{width:100%;min-height:52px;padding:12px 32px 12px 14px;border:1px solid #4b5d6b;border-radius:9px;background:#14212c;color:#f1f4f6;font:inherit;font-size:16px;text-overflow:ellipsis;cursor:pointer;color-scheme:dark;touch-action:manipulation}
.match-deck-select:disabled{opacity:.5;cursor:wait}
.match-versus{color:#869aaa;font-size:16px;letter-spacing:.1em;text-align:center;font-weight:700}
.match-order{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:12px}
.match-order button{min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a8b7c5;font:inherit;font-size:15px;font-weight:600;touch-action:manipulation;cursor:pointer}
.match-order button[aria-pressed=true]{color:#f0cc7a;background:#f0cc7a16;border-color:#f0cc7a5c}
.match-order button:focus-visible,.match-deck-select:focus-visible,.match-resume:focus-visible{outline:2px solid #80c9ff;outline-offset:3px}
.match-lobby .match-play{width:240px;min-height:54px;justify-content:center;font-size:18px;border-radius:10px}
.match-lobby .match-play:disabled{opacity:.35;cursor:default}
.match-resume{border:0;background:none;color:#9eafbe;font:inherit;font-size:14px;min-height:44px;padding:8px 16px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.match-notice{max-width:540px;text-align:center;font-size:14px;color:#bcc8d0;line-height:1.5;margin:0}
@media(max-width:600px){
 .match-lobby{min-height:calc(100dvh - 76px);padding:28px 16px max(24px,env(safe-area-inset-bottom));gap:20px}
 .match-picker{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:10px}
 .match-deck-choice{gap:15px}.match-deck-choice>label{font-size:15px}
 .match-deck-slot{width:112px;height:157px}.match-deck-select{padding:10px 4px 10px 8px;min-height:48px}
 .match-order{gap:0;margin-top:6px}.match-order button{font-size:14px;padding:11px 14px}
 .match-lobby .match-play{width:220px}.match-versus{font-size:12px}
}
@media(max-width:350px){.match-deck-slot{width:96px;height:134px}.match-order button{padding:11px 10px}.match-picker{gap:7px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}}
@media(max-height:650px){.match-lobby{padding-top:20px;gap:14px}.match-deck-slot{height:140px;width:100px}.match-deck-choice{gap:10px}}