/* Design / Cards / Modal 113:298436. Only the selected panel scrolls;
   the dialog and its tabs have a stable top anchor at every content height. */
#help-dialog{position:fixed;inset:42px 0 auto;margin:0 auto;width:min(840px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 66px);padding:0;border:0;border-radius:0;background:transparent;overflow:visible;color:#e8dac7;font:500 16px/19px var(--font-ui);box-shadow:none;--help-surface:#261c1c;--help-muted:#aa9898}
#help-dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:none}
#help-content{display:flex;flex-direction:column;max-height:calc(100dvh - 66px);filter:drop-shadow(8px 8px 0 #0004)}
#help-dialog .help-tabs{display:flex;align-items:flex-end;align-self:flex-start;gap:1px;min-height:58px;flex-shrink:0}
#help-dialog .help-tabs button{position:relative;isolation:isolate;display:block;flex-shrink:0;min-height:50px;padding:10px 23px;border:0;border-radius:0;background:none;color:var(--help-muted);font:600 24px/30px var(--font-ui);text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:none}
#help-dialog .help-tabs button[aria-selected=true]{padding-block:14px;min-height:58px;color:#e8dac7}
#help-dialog .help-tabs button[aria-selected=true]>.modal-skin-muted,#help-dialog .help-tabs button[aria-selected=false]>.modal-skin-surface{visibility:hidden}
#help-dialog .help-tabs button:hover{color:#e8dac7}
#help-dialog .help-tabs button:focus-visible{outline-offset:-4px}
#help-dialog .help-panel{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:24px 32px 32px;background:none;font:500 16px/19px var(--font-ui)}
#help-dialog .help-panel::-webkit-scrollbar{display:none}
#help-dialog .help-panel[hidden]{display:none}
#help-dialog .help-panel:focus-visible{outline-offset:-4px}
#help-dialog h3,#help-dialog h4,#help-dialog p{margin:0;padding:0;letter-spacing:0}
#help-dialog h3,#help-dialog h4{font:600 18px/20px var(--font-ui);color:#e8dac7}
#help-dialog p{font:500 16px/19px var(--font-ui);color:var(--help-muted)}
#help-dialog strong{font-weight:600;color:#e8dac7}
#help-dialog .help-legend{display:flex;flex-direction:column;gap:8px;color:var(--help-muted)}
#help-dialog .help-legend>div{display:flex;align-items:center;gap:8px;min-height:24px}
#help-dialog .help-legend-chip{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0}
#help-dialog .help-divider{display:block;width:100%;height:1px;min-height:1px;margin:0;border:0;background:#322525;flex-shrink:0}
#help-dialog .help-legend+.help-divider{margin-block:32px}
#help-dialog .help-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0}
#help-dialog .help-card-column{display:flex;flex-direction:column;gap:16px;min-width:0}
#help-dialog .help-card-entry{display:flex;align-items:flex-start;gap:16px;min-width:0;min-height:115px}
#help-dialog .help-cards .help-card-image{display:block;width:76px;height:115px;object-fit:cover;flex-shrink:0}
#help-dialog .help-card-info{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;min-height:115px;flex:1}
#help-dialog .help-card-description{display:flex;flex-direction:column;gap:2px}
#help-dialog .help-card-meta{display:flex;align-items:center;gap:8px;min-height:24px}
#help-dialog .help-copy-count{display:block;position:relative;width:24px;height:24px;flex-shrink:0}
#help-dialog .help-copy-count>img{display:block;width:24px;height:24px}
#help-dialog .help-copy-count>span{position:absolute;top:3px;left:6px;width:10px;color:#e8dac7;font:500 16px/19px var(--font-ui);text-align:center}
#help-dialog .help-piece-requirement{display:block;width:20px;height:20px;flex-shrink:0}
#help-dialog .help-piece-requirement>img{display:block;width:20px;height:20px}
#help-dialog .help-chip-combo{display:block;position:relative;width:20px;height:20px}
#help-dialog .help-chip-quarter{position:absolute;width:10px;height:10px;overflow:hidden}
#help-dialog .help-chip-quarter img{display:block;position:absolute;width:20px;height:20px;max-width:none}
#help-dialog .q0{top:0;left:0}#help-dialog .q0 img{top:0;left:0}
#help-dialog .q1{bottom:0;right:0}#help-dialog .q1 img{bottom:0;right:0}
#help-dialog .q2{top:0;right:0}#help-dialog .q2 img{top:0;right:0}
#help-dialog .q3{bottom:0;left:0}#help-dialog .q3 img{bottom:0;left:0}
#help-dialog .help-terms{display:flex;flex-direction:column;gap:24px}
#help-dialog .help-term{display:flex;flex-direction:column;gap:8px}
#help-dialog .help-term+.help-term{padding-top:24px;border-top:1px solid #322525}
#help-dialog .help-mode-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
#help-dialog .help-mode-bar label{margin:0;font:inherit;color:var(--help-muted)}
#help-dialog #help-mode{width:auto;max-width:100%;min-height:36px;padding:6px 30px 6px 10px;border:1px solid #574848;border-radius:0;background:#1e1616;color:#e8dac7;font:inherit}
#help-dialog .help-deck-profile{margin-bottom:24px}
#help-dialog .help-mode-rules,#help-dialog .help-general-rules{display:flex;flex-direction:column;gap:16px}
#help-dialog .help-general-rules{margin-top:24px;padding-top:24px;border-top:1px solid #322525}
#help-dialog .help-rules{display:flex;flex-direction:column;gap:20px}
#help-dialog .help-rule{display:flex;flex-direction:column;gap:6px}
#help-dialog .help-rule p{white-space:pre-line}
#help-dialog .help-keyboard-close:focus-visible{clip:auto;overflow:visible;position:absolute;top:8px;right:8px;width:auto;height:40px;padding:8px 12px;margin:0;border:1px solid #574848;border-radius:0;background:#322525;color:#e8dac7;font:500 16px/22px var(--font-ui);z-index:1}
@media(max-width:700px){#help-dialog{width:calc(100vw - 32px)}#help-dialog .help-panel{padding:24px}#help-dialog .help-cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:440px){#help-dialog .help-tabs button{font-size:18px;line-height:26px;padding-inline:12px}#help-dialog .help-panel{padding:20px 16px 24px}#help-dialog .help-legend>div{align-items:flex-start}}