/* M67.9.8 responsive settings modal and visual ticket gallery. */
.player-settings-header,.player-settings-footer{position:sticky;z-index:2;background:var(--bs-body-bg)}.player-settings-header{top:0}.player-settings-footer{bottom:0}.player-settings-header .player-settings-saved{font-size:.78rem;white-space:nowrap}.player-settings-modal .modal-body{display:grid;grid-template-columns:11rem minmax(0,1fr);align-items:start;gap:1.25rem}.settings-responsive-navigation{position:sticky;top:0}.settings-responsive-navigation .nav-link{min-height:var(--player-touch-target)}.settings-active-section{min-width:0}.ticket-theme-gallery{display:grid;gap:1rem}.settings-ticket-preview{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.25rem;padding:.75rem}.settings-ticket-preview>span{min-height:2rem}.settings-ticket-preview .is-called{box-shadow:inset 0 0 0 3px var(--ticket-marked);font-weight:900}.settings-ticket-preview .is-marked{color:var(--ticket-marked-text);background:var(--ticket-marked);box-shadow:inset 0 0 0 2px currentColor}.settings-ticket-preview .is-blank{opacity:.55}.settings-ticket-preview figcaption{grid-column:1/-1;margin-top:.25rem;color:var(--ticket-text);font-size:.75rem;text-align:center}.ticket-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ticket-theme-choice{position:relative;display:grid;gap:.55rem;padding:.75rem;border:2px solid var(--player-border);border-radius:var(--tambola-radius-md);cursor:pointer}.ticket-theme-choice:hover,.ticket-theme-choice:focus-within{border-color:var(--tambola-primary)}.ticket-theme-choice.is-selected{border-color:var(--tambola-primary);box-shadow:0 0 0 .18rem color-mix(in srgb,var(--tambola-primary) 22%,transparent)}.ticket-theme-mini{grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;padding:.35rem}.ticket-theme-mini>span{min-height:1rem;font-size:.58rem}.ticket-theme-choice__label strong,.ticket-theme-choice__label small{display:block}.ticket-theme-choice__label small{color:var(--player-muted)}.ticket-theme-choice>.bi-check-circle-fill{position:absolute;top:.45rem;inset-inline-end:.45rem;color:var(--tambola-primary);opacity:0}.ticket-theme-choice.is-selected>.bi-check-circle-fill{opacity:1}html[data-player-high-contrast="true"] .settings-ticket-preview{border-width:3px;filter:contrast(1.2)}html[data-large-player-text="true"] .settings-ticket-preview>span{font-size:.9em}html[data-stronger-ticket-markers="true"] .settings-ticket-preview .is-marked{outline:4px solid currentColor;outline-offset:-4px}
@media(max-width:767.98px){.player-settings-modal .modal-body{display:block}.settings-responsive-navigation{position:sticky;z-index:2;top:0;margin:-1rem -1rem 1rem;padding:.75rem 1rem;background:var(--bs-body-bg);border-bottom:1px solid var(--player-border)}.player-settings-header{gap:.5rem}.player-settings-header .player-settings-saved{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}.ticket-theme-grid{grid-template-columns:1fr 1fr}.settings-ticket-preview{padding:.5rem;gap:.15rem}.settings-ticket-preview>span{min-height:1.65rem;font-size:.65rem}}
@media(max-width:419.98px){.ticket-theme-grid{grid-template-columns:1fr}.player-settings-header .player-settings-saved{position:absolute;inset-inline-start:1rem;bottom:.2rem;max-width:12rem}.player-settings-header{padding-bottom:1.25rem}}
@media(prefers-reduced-motion:reduce){.ticket-theme-choice,.settings-ticket-preview{transition:none!important}}
@media(forced-colors:active){.ticket-theme-choice,.settings-ticket-preview{border-color:CanvasText}.ticket-theme-choice.is-selected{outline:3px solid Highlight}.settings-ticket-preview .is-called,.settings-ticket-preview .is-marked{outline:2px solid Highlight}}