.paytable-lines-jump { display:flex; align-items:center; justify-content:center; gap:.6em; width:fit-content; max-width:100%; margin:0 auto 14px; padding:9px 14px; border:1px solid #b79249; border-radius:6px; color:#ffe7a0; background:#102b38; font:700 clamp(11px,1cqw,16px)/1.3 Arial,sans-serif; text-align:center; text-decoration:none; }
.paytable-lines-jump:hover { background:#1b4352; border-color:#ffe7a0; }
.paytable-lines-jump:focus-visible { outline:2px solid #a7f0ff; outline-offset:3px; }
.paytable-lines:focus { outline:none; }
/* Payline diagrams share the cabinet's obsidian, bronze, gold and blue core. */
.paytable-lines { margin-top:clamp(18px,1.7cqw,28px); padding-top:clamp(14px,1.3cqw,22px); border-top:1px solid #8a693d; }
.paytable-lines > h3 { margin:0; color:#ffe7a0; text-align:center; font-size:clamp(17px,1.45cqw,25px); letter-spacing:.08em; }
.paytable-lines > p { margin:8px 0 15px; color:#b8d8e3; text-align:center; font:400 clamp(11px,.88cqw,15px)/1.5 Arial,sans-serif; }
.paytable-lines-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(7px,.65cqw,12px); }
.paytable-line-card { min-width:0; margin:0; padding:7px; border:1px solid #7b643e; border-radius:8px; background:linear-gradient(145deg,#112536,#040b12); box-shadow:inset 0 1px 0 #f9d98016; }
.paytable-line-card figcaption { display:flex; align-items:center; justify-content:center; gap:.35em; margin:0 0 5px; color:#a7c7d4; font:700 clamp(11px,.92cqw,16px)/1.2 Arial,sans-serif; letter-spacing:.06em; }
.paytable-line-card figcaption strong { color:#ffe197; font-size:1.1em; font-variant-numeric:tabular-nums; }
.paytable-line-card svg { display:block; width:100%; height:auto; overflow:visible; }
.paytable-line-cell { fill:#050d16; stroke:#324654; stroke-width:.8; }
.paytable-line-cell.is-selected { fill:#174659; stroke:#6aa4ab; }
.paytable-line-path { fill:none; stroke:#ffd77a; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.paytable-line-point { fill:#d1fbff; stroke:#ffe7a0; stroke-width:1; }
@media (max-width:1000px) {
  html:not([data-layout="portrait"]) .paytable-lines-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
html[data-layout="portrait"] .paytable-lines-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.4cqw; }
html[data-layout="portrait"] .paytable-line-card { padding:2cqw; border-radius:2cqw; }
html[data-layout="portrait"] .paytable-line-card figcaption { font-size:clamp(11px,3cqw,16px); }
html[data-layout="portrait"] .paytable-lines > p { font-size:clamp(11px,3cqw,16px); }

/* Keep the menu controls available when viewing the complete line list. */
html:not([data-layout="portrait"]) .menu-dialog { height:78%; max-height:78%; display:flex; flex-direction:column; overflow:hidden; }
html:not([data-layout="portrait"]) .menu-dialog > .modal-kicker,
html:not([data-layout="portrait"]) .menu-dialog > h2,
html:not([data-layout="portrait"]) .menu-dialog > .menu-tabs { flex-shrink:0; }
html:not([data-layout="portrait"]) .menu-dialog .menu-content { min-height:0; flex:1 1 auto; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b68338 #07121a; }