/* Ported from baccarat/mingo-panels.css. The original MINGO panel tokens,
   header spacing, modal geometry, sound controls and scrollbars are retained. */
#infoDialog.mingo-panel{inset:0;margin:auto;width:min(860px,calc(100% - 32px));max-height:min(88dvh,820px);padding:0;border-radius:20px;border:1px solid rgba(179,138,75,.55);background:linear-gradient(180deg,#302117fa,#1b130dfa);color:#f3e4bf;box-shadow:0 16px 40px #0006;--text-primary:#f3e4bf;--text-muted:#c4b89d;--accent-gold:#d8aa54;grid-template-rows:auto minmax(0,1fr);overflow:hidden;box-sizing:border-box;font-family:'Noto Sans KR',sans-serif}
#infoDialog.mingo-panel[open]{display:grid}#infoDialog.mingo-panel::backdrop{background:#0009}
#infoDialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 18px;border-bottom:1px solid rgba(179,138,75,.35)}
#infoDialog .dialog-head h2{margin:0;font-size:20px;font-weight:700;color:#f3e4bf}
#infoDialog #closeDialog{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#f3e4bf;font:300 30px/1 'Noto Sans KR',sans-serif;cursor:pointer}
#infoDialog #closeDialog:hover{background:#ffffff0d}
#infoDialog .overlay-modal-body{padding:16px 18px 18px;overflow:auto;display:grid;align-content:start;gap:16px;position:relative;min-height:0;box-sizing:border-box;max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(216,170,84,.78) rgba(17,11,8,.28)}
#infoDialog .overlay-modal-body::-webkit-scrollbar{width:10px;height:10px}#infoDialog .overlay-modal-body::-webkit-scrollbar-track{background:#110b0847}#infoDialog .overlay-modal-body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(17,11,8,.28);background:linear-gradient(180deg,#d8aa54e6,#7e5a24f2)}
#infoDialog p{line-height:1.65;margin:0;font-size:13px}#infoDialog h3{margin:0;font-size:15px}#infoDialog h4{margin:0;font-size:12px;font-weight:600;color:#c4b89d}
#infoDialog .mingo-muted{color:#c4b89d;font-size:12px}#infoDialog .mingo-empty{text-align:center;padding:44px 16px;color:#c4b89d;font-size:13px}
#infoDialog .mingo-action{justify-self:start;padding:10px 18px;min-height:40px;border:1px solid #b38a4b88;border-radius:999px;color:#f3e4bf;background:linear-gradient(180deg,#a37a36f5,#704f1ffa);cursor:pointer;font:600 13px 'Noto Sans KR',sans-serif;transition:filter .14s ease,transform .14s ease}
#infoDialog .mingo-action:hover{filter:brightness(1.12)}#infoDialog .mingo-action:active{transform:translateY(1px)}#infoDialog button:disabled{opacity:.45;cursor:default;filter:none}
#infoDialog :is(button,input,summary):focus-visible{outline:2px solid #d8aa54;outline-offset:3px}
#infoDialog .help-modal-example{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(179,138,75,.2);background:#ffffff08}
#infoDialog .sound-settings-form{display:grid;gap:16px;max-height:none;box-sizing:border-box}
#infoDialog .sound-settings-range-group{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(179,138,75,.2);background:#ffffff08}
#infoDialog .sound-settings-range-group[data-disabled=true]{opacity:.72}
#infoDialog .sound-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#infoDialog .sound-settings-row-label{font-weight:700;font-size:13px}#infoDialog .sound-settings-row-value{color:#c4b89d;font:12px 'Inter',sans-serif}
#infoDialog .sound-settings-range{display:grid;grid-template-columns:1fr auto;gap:12px}
#infoDialog .sound-settings-range input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:#d8aa54;min-width:0;height:24px}
#infoDialog .sound-toggle-group{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(179,138,75,.3);background:#150e0ab3}
#infoDialog .sound-toggle-btn{min-width:56px;min-height:36px;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:#c4b89d;cursor:pointer;font-size:12px;font-weight:700;transition:background-color .14s ease,color .14s ease,transform .14s ease}
#infoDialog .sound-toggle-btn.is-active{background:linear-gradient(180deg,#a37a36f5,#704f1ffa);color:#f3e4bf;box-shadow:inset 0 0 0 1px #ffe5ab33}#infoDialog .sound-toggle-btn:active{transform:translateY(1px)}
#infoDialog .casino-eyebrow{font:600 10px 'Inter',sans-serif;letter-spacing:.16em;color:#d8aa54}
#infoDialog .casino-panel-intro{display:grid;gap:10px;padding:4px 0 12px}#infoDialog .casino-panel-intro h3{font-size:20px;font-weight:700}
#infoDialog .casino-help-steps{margin:0;padding-left:24px;display:grid;gap:14px;font-size:13px;line-height:1.65}#infoDialog .casino-help-steps li::marker{color:#d8aa54;font-weight:700}
#infoDialog .casino-panel-footer{display:grid;gap:16px}
#infoDialog .casino-record-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 0 18px;border-bottom:1px solid #b38a4b33}
#infoDialog .casino-stat{display:grid;gap:7px;min-width:0}#infoDialog .casino-stat>span{font-size:11px;color:#c4b89d}#infoDialog .casino-stat>strong{font:600 18px 'Inter',sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#infoDialog .casino-records{display:grid;gap:0}#infoDialog .casino-record{border-bottom:1px solid #b38a4b33}
#infoDialog .casino-record>summary{display:flex;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:17px 0}#infoDialog summary::-webkit-details-marker{display:none}
#infoDialog .casino-record-main,#infoDialog .casino-record-outcome{display:grid;gap:7px;font-size:13px}#infoDialog .casino-record-outcome{text-align:right;flex-shrink:0}#infoDialog .casino-record :is(small){font-size:11px;font-weight:400;color:#c4b89d}#infoDialog .casino-record-outcome.is-positive>strong{color:#d8aa54}
#infoDialog .casino-record-detail{display:grid;gap:16px;padding:0 0 18px}#infoDialog .casino-record-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:14px;background:#ffffff08}#infoDialog .casino-record-values strong{font-size:14px}
#infoDialog .casino-attempt{display:grid;gap:4px;color:#c4b89d;font-size:11px}#infoDialog .casino-attempt code{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;user-select:all}
#infoDialog .casino-paytable{display:grid;gap:10px}#infoDialog .casino-paytable-item{border:1px solid #b38a4b33;border-radius:14px;overflow:hidden;background:#ffffff05}
#infoDialog .casino-paytable-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px}#infoDialog .casino-paytable-item>summary>span:first-child{display:grid;gap:6px}#infoDialog .casino-paytable-item>summary strong{font-size:14px}#infoDialog .casino-paytable-item>summary small{font:12px 'Inter','Noto Sans KR',sans-serif;color:#c4b89d}#infoDialog .casino-expand{color:#d8aa54;font-size:18px}#infoDialog .casino-paytable-item[open] .casino-expand{transform:rotate(45deg)}
#infoDialog .casino-paytable-detail{display:grid;gap:12px;padding:0 16px 16px}#infoDialog .casino-probability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#infoDialog .casino-probability{display:grid;gap:6px;text-align:center;background:#150e0a80;border:1px solid #b38a4b26;border-radius:10px;padding:12px 4px}#infoDialog .casino-probability>span{font:600 12px 'Inter',sans-serif}#infoDialog .casino-probability>strong{font:700 15px 'SUIT',sans-serif;color:#d8aa54}#infoDialog .casino-probability>small{font-size:10px;color:#c4b89d;overflow-wrap:anywhere}
#infoDialog .casino-reward-weights{display:flex;flex-wrap:wrap;gap:8px 24px}#infoDialog .casino-reward-weights>div{display:flex;gap:14px;font:12px 'Inter',sans-serif}#infoDialog .casino-reward-weights strong{font-weight:500;color:#c4b89d}
#infoDialog .casino-verification-state{display:grid;justify-items:center;text-align:center;gap:12px;padding:22px 18px}#infoDialog .casino-verification-state img{width:30px;height:30px;filter:brightness(0) invert(74%) sepia(46%) saturate(417%) hue-rotate(359deg) brightness(90%) contrast(86%);margin-bottom:8px}#infoDialog .casino-verification-state h3{font-size:20px}#infoDialog .casino-verification-state p{max-width:480px;color:#c4b89d}
@media(max-width:560px){#infoDialog.mingo-panel{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:16px}#infoDialog .dialog-head{padding:12px 14px}#infoDialog .dialog-head h2{font-size:18px}#infoDialog .overlay-modal-body{padding:14px}#infoDialog .casino-stat>strong{font-size:15px}#infoDialog .casino-record-summary{gap:10px}#infoDialog .casino-probability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#infoDialog .casino-record-values{gap:8px;padding:12px}#infoDialog .casino-record-values strong{font-size:13px}#infoDialog .casino-paytable-item>summary{padding:14px}#infoDialog .casino-paytable-detail{padding:0 14px 14px}#infoDialog .casino-panel-intro h3{font-size:18px}#infoDialog .sound-toggle-btn{min-height:40px}#infoDialog .mingo-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){#infoDialog *{transition:none!important;animation:none!important}}
/* Asset-led paytable: identify each family before reading its odds. */
#infoDialog .casino-paytable-item>summary{flex-wrap:wrap;gap:8px}
#infoDialog .payout-art{display:flex;align-items:center;gap:2px;flex-basis:100%;min-height:52px}
#infoDialog .payout-art img{width:44px;height:52px;object-fit:contain}
#infoDialog .payout-symbol{font-size:34px;color:var(--color-gold)}
#infoDialog .casino-paytable-item>summary>span:not(.payout-art):not(.casino-expand){flex:1;min-width:0}
#infoDialog .jar-payout-intro{grid-template-columns:60px 1fr;column-gap:12px;align-items:center}
#infoDialog .jar-payout-intro>.payout-art{grid-row:1/3}
#infoDialog .jar-payout-intro>p{grid-column:1/-1}
#infoDialog .jar-payout-intro h3{margin:0}
#infoDialog .coin-payout-guide{margin-top:20px;border-top:1px solid var(--color-line);padding-top:16px}
#infoDialog .coin-payout-guide p{margin:0;font-weight:400;line-height:1.5}
#infoDialog .coin-payout-guide td,#infoDialog .coin-payout-guide th{padding:12px 4px;font-size:12px;white-space:nowrap}
#infoDialog .payout-tier>span{margin-right:6px}
#infoDialog .payout-tier-mini{color:var(--color-green)}
#infoDialog .payout-tier-minor{color:var(--color-blue)}
#infoDialog .payout-tier-major{color:var(--color-purple-soft)}
#infoDialog .payout-tier-grand{color:var(--color-gold)}
#infoDialog .payout-notes{margin-top:20px;border-top:1px solid var(--color-line);padding-top:16px}
#infoDialog .payout-notes summary{cursor:pointer;font-size:13px}
#infoDialog .payout-notes ul{padding-left:18px;font-size:12px;line-height:1.6;color:var(--text-muted)}
#infoDialog .payout-notes li{margin-top:8px}
#infoDialog .casino-paytable-item>summary>.payout-art{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px}
#infoDialog .casino-paytable-item>summary>span:not(.payout-art):not(.casino-expand){display:grid;gap:6px}
#infoDialog .casino-paytable-item>summary>span.payout-art:first-child{display:flex;flex-direction:row;gap:4px}
