.first-player-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #92a080;border-radius:12px;background:#faf4e4;color:#304c37;font-family:'DM Sans',system-ui,sans-serif}
.first-player-dialog::backdrop{background:#172b25b8}
.first-player-dialog h2{margin:0 0 8px;font:600 28px/34px 'Playfair Display',Georgia,serif}
.first-player-dialog h2:focus{outline:none}
.starter-rules{margin:0 0 20px;font-size:14px;line-height:21px}
.starter-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.starter-seat{min-width:0;text-align:center}
.starter-identity{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:12px}
.starter-identity .player-avatar{width:26px;height:26px;flex:0 0 26px}
.starter-identity h3{margin:0;font:600 14px/20px 'DM Sans',system-ui,sans-serif}
.first-player-dialog .starter-face{display:block;position:relative;width:min(100%,118px);height:auto;aspect-ratio:5/7;min-height:0;margin:0 auto;transform:none;box-sizing:border-box;box-shadow:0 2px 3px #182e2633}
.starter-winner .starter-face{outline:3px solid #476b4d;outline-offset:3px}
.starter-out .starter-face{opacity:.75}
.starter-eliminated .starter-face{opacity:.4}
.first-player-dialog .points-badge,.first-player-dialog .three-warning,.first-player-dialog .wild-label{display:none!important}
.starter-seat-result{min-height:20px;margin:12px 0 0;font-size:12px;line-height:20px}
.starter-winner .starter-seat-result{font-weight:700;color:#2d603a}
.starter-result{margin:20px 0 14px;font-size:17px;line-height:24px;font-weight:600}
.starter-continue{min-height:44px;padding:10px 20px;font:600 14px/20px 'DM Sans',system-ui,sans-serif;border:1px solid #964e34;border-radius:6px;background:#b65d3c;color:#fff9e9;cursor:pointer}
.starter-continue:hover{background:#9f4f32}
.starter-continue:focus-visible{outline:3px solid #91ddf8;outline-offset:3px}
.starter-note{margin:14px 0 0;font-size:12px;line-height:18px;color:#50634b}
.round-starter{font-size:12px;line-height:18px;white-space:nowrap}
.nav-round .round-starter:not([hidden]){display:inline-block;margin-left:10px}

@media(max-width:767px){
 .first-player-dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .first-player-dialog h2{font-size:24px;line-height:30px}
 .starter-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
 .starter-rules{margin-bottom:12px}
 .starter-identity{margin-bottom:8px}
 .first-player-dialog .starter-face{width:84px}
 .starter-seat-result{margin-top:8px;font-size:11px}
 .starter-result{font-size:15px;line-height:21px;margin-top:14px}
 .starter-continue{width:100%}
 .nav-round .round-starter:not([hidden]){margin-left:0;font-size:10px;line-height:14px}
}


@media(max-width:400px){.nav-round .round-starter:not([hidden]){font-size:9px}}

/* Card backs turn into faces; ranks and results are announced after each turn. */
.starter-card-slot{position:relative;width:min(100%,118px);aspect-ratio:5/7;margin:0 auto;perspective:800px}
.starter-card-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.35,.03,.2,1)}
.first-player-dialog:not(.starter-no-motion) .starter-card-turn{transition:transform .75s cubic-bezier(.35,.03,.2,1)!important}
.starter-card-slot.is-revealed .starter-card-turn{transform:rotateY(180deg)}
.starter-card-back,.starter-card-front{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px}
.starter-card-front{transform:rotateY(180deg)}
.first-player-dialog .starter-card-front>.starter-face{width:100%;height:100%;max-width:none;margin:0;aspect-ratio:5/7}
.first-player-dialog .starter-card-back{font-size:34px;box-shadow:0 2px 3px #182e2633}
.starter-turning .starter-identity h3{text-decoration:underline;text-underline-offset:4px}
.starter-continue:disabled{background:#e1dfd0;border-color:#aab29d;color:#5f6d58;cursor:default}
.first-player-dialog.starter-no-motion .starter-card-turn{transition:none}
@media(max-width:767px){.starter-card-slot{width:84px}}
/* Selection cards can be revealed before the playing hand is made visible. */
.hand-awaiting-round{margin:0;color:#fff8e8;text-align:center;font:500 14px/20px 'DM Sans',system-ui,sans-serif}