/* Interaction layout: the same reading order and controls for every player. */
body.ll-page .ll-help-row details[open] { flex-basis:100%; }
body.ll-page.ll-active .ll-hero { grid-template-columns:minmax(0,1fr); }
body.ll-page.ll-active .ll-hero-art,body.ll-page.ll-active .ll-hero-copy>.eyebrow,body.ll-page.ll-active .ll-hero-copy>p:not(.eyebrow) { display:none; }
body.ll-page.ll-active .ll-hero h1 { font-size:2rem;margin:.2rem 0 .5rem; }
body.ll-page.ll-active .ll-mode-links .button { background:transparent;color:#83c9ff;border:0;padding:0;text-decoration:underline;font-size:1rem; }
body.ll-page .ll-read-tools { margin:0;padding:0 .85rem; }
body.ll-page .ll-utility { align-items:flex-start;margin-bottom:1rem; }
body.ll-page .ll-utility>a { display:inline-flex;align-items:center;min-height:48px; }
body.ll-page .ll-read-tools .ll-actions { margin:0 0 .75rem; }
body.ll-page .ll-play-layout { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;align-items:start; }
body.ll-page .ll-play-layout>* { min-width:0; }
body.ll-page .ll-hand-area { margin-top:0; }
body.ll-page .ll-hand-area>h3,body.ll-page .ll-board>h3 { margin-top:.2rem; }
body.ll-page .ll-hand-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:stretch;max-width:none; }
body.ll-page fieldset.ll-hand { padding:.8rem; }
body.ll-page .ll-card-art { height:210px;aspect-ratio:auto;object-fit:contain;background:#fff5df; }
body.ll-page .ll-card-choice { padding:.4rem; }
body.ll-page .ll-card-name { font-size:1.2rem; }
body.ll-page .ll-card-effect { font-size:1rem; }
body.ll-page .ll-seats { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.ll-page .ll-seat { padding:.7rem; }
body.ll-page .ll-seat-head { flex-wrap:wrap; }
body.ll-page .ll-seat-head h4 { margin:0;line-height:1.35;font-size:1rem; }
body.ll-page .ll-seat-hand { display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.95rem; }
body.ll-page .ll-score { display:flex;flex-wrap:wrap;gap:.25rem; }
body.ll-page .ll-deck { font-size:.9rem; }
body.ll-page #session-info:empty { display:none; }
/* Keep empty live regions in the accessibility tree before their first update. */
body.ll-page #online-status:empty,body.ll-page #notice:empty,body.ll-page #game-error:empty { display:block;position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%); }
body.ll-page .ll-error:not(:empty) { padding:.8rem 1rem;border:2px solid #ffb4a8;border-radius:8px;background:#47252b;color:#fff4f1; }
body.ll-page #restart-game { margin-top:1rem; }
@media(max-width:960px) {
 body.ll-page .ll-play-layout { grid-template-columns:minmax(0,1fr); }
 body.ll-page .ll-hand-grid { max-width:620px; }
 body.ll-page .ll-card-art { height:230px; }
 body.ll-page .ll-seats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 body.ll-page .ll-help-row details { flex-basis:100%;padding:.25rem .8rem; }
 body.ll-page .ll-card-art { height:155px; }
 body.ll-page .ll-hand-grid { gap:.6rem; }
 body.ll-page fieldset.ll-hand { padding:.45rem; }
 body.ll-page .ll-card-rank { min-width:1.5rem;min-height:1.5rem;font-size:1.1rem; }
 body.ll-page .ll-card-face { gap:.3rem; }
 body.ll-page .ll-card-name { font-size:1.05rem; }
 body.ll-page .ll-seat-hand img { display:none; }
 body.ll-page .ll-avatar { flex-basis:2rem;width:2rem;height:2rem; }
 body.ll-page .ll-badge { font-size:.8rem; }
}
@media(max-width:360px) {
 body.ll-page .ll-hand-grid { grid-template-columns:minmax(0,1fr);max-width:300px; }
 body.ll-page .ll-card-art { height:190px; }
}
@media(forced-colors:active) {
 body.ll-page,body.ll-page * { background-color:Canvas!important;color:CanvasText!important;box-shadow:none!important;text-shadow:none!important; }
 body.ll-page a { color:LinkText!important; }
 body.ll-page :is(button,.button,select,input) { color:ButtonText!important;background-color:ButtonFace!important;border-color:ButtonText!important; }
 body.ll-page .ll-card-choice:has(input:checked),body.ll-page .ll-seat.is-current { border-color:Highlight!important; }
 body.ll-page .ll-card-choice:has(input:checked) .ll-card-selection { background-color:Highlight!important;color:HighlightText!important; }
 body.ll-page .ll-tokens>* { background-color:CanvasText!important; }
 body.ll-page :is(a,button,input,select,summary,[tabindex]):focus-visible { outline:3px dashed Highlight!important; }
}