/* The same resources and controls remain visible throughout a hand. */
.lf.rule-card-game .turn-bar{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:minmax(135px,1.4fr) 65px 75px minmax(110px,1fr) auto;align-items:center;gap:16px;margin:0 0 24px;padding:14px 18px;background:#18241f;border:1px solid #b9aa7960;border-radius:3px;box-shadow:none}
.lf.rule-card-game .turn-bar[hidden]{display:none}
.lf.rule-card-game .turn-bar .overline{font:600 10px/1.4 var(--sans);letter-spacing:.04em;color:#d0c7af}
.lf.rule-card-game .turn-bar .resource{padding-left:12px}
.lf.rule-card-game .turn-bar .resource strong{font-size:24px}
.lf.rule-card-game .turn-bar .target-block>strong{font:600 23px/1.4 var(--serif)}
.lf.rule-card-game .turn-bar #target,.lf.rule-card-game .turn-bar .target-divider{font-size:16px}
.lf.rule-card-game .turn-bar .progress-track{height:5px;background:#52604d}
.lf.rule-card-game .turn-preview{display:flex;min-height:44px;min-width:0;flex-direction:column;justify-content:center;text-decoration:none;color:var(--paper);border-bottom:1px solid transparent}
.lf.rule-card-game .turn-preview:hover{border-bottom-color:var(--gold)}
.lf.rule-card-game .turn-preview strong{font:600 clamp(15px,2vw,25px)/1.4 var(--serif);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.lf.rule-card-game .turn-actions{display:flex;align-items:stretch;gap:8px}
.lf.rule-card-game .turn-actions button,.lf.rule-card-game .turn-return{min-height:44px;padding:10px 13px;font:600 12px/1.4 var(--sans);letter-spacing:0;white-space:nowrap;border-radius:3px;box-shadow:none}
.lf.rule-card-game .turn-return{display:inline-flex;align-items:center;justify-content:center;color:var(--paper);text-decoration:none;border:1px solid transparent}
.lf.rule-card-game .turn-return:hover{border-color:var(--line)}
.lf.rule-card-game .turn-bar a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.lf.rule-card-game #hand-section,.lf.rule-card-game #score-panel,.lf.rule-card-game .word-grid{scroll-margin-block:125px}
.lf.rule-card-game .hand-actions{margin:10px 0 0;display:block}
.lf.rule-card-game .match-heading .table-brand{font:10px/1.5 var(--mono);letter-spacing:1.6px;margin:0 0 8px;color:var(--muted)}
.lf.rule-card-game .match-heading .watch-title{font:clamp(22px,3vw,32px)/1.25 var(--serif);letter-spacing:-.4px;max-width:32ch;margin:0;text-wrap:balance}
.lf.rule-card-game .keyboard-hint{font:11px/1.6 var(--sans);color:var(--muted);margin:8px 0}
.lf.rule-card-game .keyboard-hint kbd{font:10px/1.4 var(--mono);border:1px solid var(--line);border-radius:3px;padding:2px 4px}
@media(pointer:coarse){.lf.rule-card-game .keyboard-hint{display:none}}
.lf.rule-card-game .hand-actions>p{max-width:none;width:100%}
.lf.rule-card-game .first-hand-tip{grid-column:1/-1;margin:0;padding:12px 16px;border-left:2px solid var(--gold);font:13px/1.6 var(--sans);color:var(--paper);max-width:65ch}
.lf.rule-card-game .grid-scroll-note{display:none}
@media(max-width:1000px){
 .lf.rule-card-game .turn-bar{grid-template-columns:minmax(115px,1fr) 60px 70px minmax(95px,1fr);gap:10px;padding:10px 14px}
 .lf.rule-card-game .turn-actions{grid-column:1/-1;justify-content:flex-end}
 .lf.rule-card-game #hand-section,.lf.rule-card-game #score-panel,.lf.rule-card-game .word-grid{scroll-margin-block:155px}
}
@media(max-width:650px){
 .lf.rule-card-game .grid-scroll-note{display:block;margin-top:5px}
 .lf.rule-card-game .turn-bar{grid-template-columns:minmax(0,1.3fr) 42px 53px minmax(0,1fr);gap:6px 9px;padding:9px 12px}
 .lf.rule-card-game .match.turn-active{padding-bottom:145px}
 .lf.rule-card-game .match.turn-active .turn-bar{position:fixed;top:auto;right:0;bottom:0;left:0;margin:0;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));border-radius:0;border-right:0;border-bottom:0;border-left:0;background:#18241f}
 .lf.rule-card-game .turn-bar .overline{font-size:10px;letter-spacing:0}
 .lf.rule-card-game .turn-bar .resource{padding-left:0;border:0}
 .lf.rule-card-game .turn-bar .target-block>strong{font-size:17px}
 .lf.rule-card-game .turn-bar #target,.lf.rule-card-game .turn-bar .target-divider{font-size:12px}
 .lf.rule-card-game .turn-bar .target-block .overline{font-size:10px}
 .lf.rule-card-game .turn-bar .resource strong{font-size:20px}
 .lf.rule-card-game .turn-bar .progress-track{height:5px;margin-top:3px}
 .lf.rule-card-game .turn-preview strong{font-size:16px}
 .lf.rule-card-game .turn-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px}
 .lf.rule-card-game .turn-actions button,.lf.rule-card-game .turn-return{padding:10px 9px;font-size:12px}
 .lf.rule-card-game .turn-actions #play{justify-content:center;min-width:0;white-space:normal}
 .lf.rule-card-game #hand-section,.lf.rule-card-game #score-panel,.lf.rule-card-game .word-grid{scroll-margin-block:18px 150px}
 .lf.rule-card-game .match.turn-active .grid-tools{bottom:142px}
}