/* Reference screens 5–10. Real artwork and server values, no fictional wallet/VIP gating. */
#fortuneInfoDialog.fortune-reference-page { width:calc(100vw - 24px); height:calc(100dvh - 24px); max-width:none; max-height:none; box-sizing:border-box; margin:auto; padding:16px; overflow:hidden; background:radial-gradient(ellipse at 50% 0,#43144b,#100914 65%); border:2px solid #e8bb64; box-shadow:inset 0 0 0 3px #53380e; }
#fortuneInfoDialog.fortune-reference-page[open] { display:grid; grid-template-rows:auto minmax(0,1fr); gap:10px; }
#fortuneInfoDialog.fortune-reference-page::backdrop { background:#08050b; }
#fortuneInfoDialog.fortune-reference-page header h2 { color:#ffe9a2; text-transform:uppercase; font:800 clamp(20px,2.3vw,36px)/1.2 var(--ui-font); text-shadow:0 2px #9b6224,0 4px 5px #000; }
#fortuneInfoDialog.fortune-reference-page #fortuneDialogBody { min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:10px; }
.fortune-paytable-layout { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,25%); gap:14px; }
.fortune-paytable-panel,.fortune-paytable-side article,.fortune-rule-cards article { border:1px solid #ae813d; box-shadow:inset 0 1px #e9bd6655,inset 0 0 16px #0009; border-radius:10px; background:linear-gradient(135deg,#26102d,#0e0914); min-height:0; }
.fortune-paytable-panel { padding:8px; }
#fortuneInfoDialog .fortune-paytable-panel table { table-layout:fixed; height:calc(100% - 32px); }
#fortuneInfoDialog .fortune-paytable-panel caption { color:#edd399; padding:6px; font-size:16px; line-height:20px; height:32px; box-sizing:border-box; }
#fortuneInfoDialog .fortune-paytable-panel :is(th,td) { padding:2px 8px; border-color:#a57c3d77; font-size:clamp(14px,1.5vw,23px); }
#fortuneInfoDialog .fortune-paytable-panel tr th:first-child { width:39%; }
#fortuneInfoDialog .fortune-paytable-panel tbody th { text-align:left; }
#fortuneInfoDialog .fortune-paytable-panel tbody th > span { vertical-align:middle; }
.fortune-info-symbol { display:inline-grid; place-items:center; width:42px; height:42px; container-type:size; }
.fortune-info-symbol .fortune-sprite { width:92cqw; height:92cqh; }
.fortune-paytable-side { min-height:0; display:grid; grid-template-rows:1fr 1fr; gap:12px; text-align:center; }
.fortune-paytable-side article { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:12px; }
.fortune-paytable-side .fortune-info-symbol { width:clamp(50px,7vw,105px); height:clamp(50px,7vw,105px); }
.fortune-paytable-side h3,.fortune-rule-cards h3 { color:#f3cf77; margin:0; }
.fortune-paytable-side p { margin:0; }
.fortune-info-multipliers { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; width:100%; }
.fortune-info-multipliers span { border:1px solid #b18335; border-radius:5px; color:#ffe4a0; background:linear-gradient(#52350d,#2e1935); padding:6px 0; }
.fortune-info-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.fortune-info-footer p { margin:0; color:#d2c2a4; font-size:14px; }
.fortune-info-footer button { flex-shrink:0; }
.fortune-rule-cards { min-height:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; }
.fortune-rule-cards article { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:14px; text-align:center; }
.fortune-rule-cards h3 { font-size:clamp(14px,1.5vw,21px); }
.fortune-rule-cards p { margin:0; font-size:clamp(12px,1.3vw,18px); line-height:1.4; }
.fortune-rule-art { display:grid; place-items:center; width:100%; min-height:0; }
.fortune-rule-art > b { font-size:clamp(24px,3vw,46px); color:#ffdd8f; line-height:1.2; text-shadow:0 2px #8a5724; }
.fortune-rule-art > .fortune-equation { font-size:clamp(12px,1.3vw,18px); }
.fortune-rule-art .fortune-info-symbol { width:70px; height:70px; }
.fortune-mini-grid { display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(5,1fr); gap:2px; width:96px; height:72px; }
.fortune-mini-grid i { border:1px solid #ad894c; border-radius:2px; background:#553171; }
#fortuneInfoDialog.fortune-confirm-dialog { width:min(900px,calc(100vw - 24px)); padding:22px; border:2px solid #e7bf64; box-shadow:0 0 0 3px #613c18,inset 0 0 26px #4c1c5f; }
.fortune-confirm-layout { display:grid; grid-template-columns:30% minmax(0,1fr); align-items:center; gap:24px; margin:14px 0; }
.fortune-confirm-art { display:flex; flex-direction:column; align-items:center; text-align:center; }
.fortune-confirm-art .fortune-info-symbol { width:140px; height:140px; filter:drop-shadow(0 0 14px #b255de); transform:rotate(-7deg); }
.fortune-confirm-art strong { color:#ffde84; font:800 44px var(--ui-font); }
.fortune-confirm-layout dl { margin:0; }
.fortune-confirm-layout dl > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #91703e; }
.fortune-confirm-layout dd { margin:0; font-size:24px; font-weight:800; color:#ffe09a; white-space:nowrap; }
.fortune-confirm-layout p { color:#d8c9b3; }
.fortune-confirm-actions { display:flex; gap:16px; }
#fortuneInfoDialog .fortune-confirm-actions button { flex:1; }
#fortuneInfoDialog #fortuneConfirmBonus { background:linear-gradient(#2e761c,#164313); color:#fff0ba; }
#fortuneInfoDialog #fortuneCancelBonus { background:linear-gradient(#631c20,#32111a); }
@media(orientation:landscape) and (max-height:600px){
 #fortuneInfoDialog.fortune-reference-page { width:calc(100vw - 12px); height:calc(100dvh - 12px); padding:6px; }
 #fortuneInfoDialog.fortune-reference-page[open],#fortuneInfoDialog.fortune-reference-page #fortuneDialogBody { gap:4px; }
 #fortuneInfoDialog.fortune-reference-page header h2 { font-size:20px; }
 #fortuneInfoDialog.fortune-reference-page button { min-height:36px; padding:4px 12px; font-size:12px; }
 .fortune-paytable-layout { grid-template-columns:minmax(0,1fr) minmax(138px,26%); gap:5px; }
 .fortune-paytable-panel { padding:2px; }
 #fortuneInfoDialog .fortune-paytable-panel table { height:calc(100% - 12px); }
 #fortuneInfoDialog .fortune-paytable-panel caption { font-size:10px; padding:0; line-height:12px; height:12px; }
 #fortuneInfoDialog .fortune-paytable-panel :is(th,td) { padding:0 3px; font:600 11px/1.1 var(--ui-font); }
 .fortune-paytable-panel .fortune-info-symbol { width:19px; height:19px; }
 .fortune-paytable-side { gap:4px; }.fortune-paytable-side article{padding:4px;gap:2px;}
 .fortune-paytable-side h3 { font-size:11px; }.fortune-paytable-side p,.fortune-paytable-side strong{font-size:10px;line-height:1.2;}
 .fortune-paytable-side .fortune-info-symbol { width:35px;height:35px; }
 .fortune-info-multipliers{gap:3px;}.fortune-info-multipliers span{padding:3px 0;font-size:10px;}
 .fortune-info-footer { gap:8px; }.fortune-info-footer p{font-size:10px;line-height:1.2;}
 .fortune-rule-cards { gap:5px; }.fortune-rule-cards article{padding:5px 3px;gap:4px;}
 .fortune-rule-cards h3{font-size:11px;line-height:1.2;}.fortune-rule-cards p{font-size:10px;line-height:1.25;}
 .fortune-rule-art>b{font-size:24px;}.fortune-rule-art>.fortune-equation{font-size:10px;}
 .fortune-mini-grid{width:60px;height:38px;gap:1px;}.fortune-rule-art .fortune-info-symbol{width:36px;height:36px;}
 #fortuneInfoDialog.fortune-confirm-dialog{padding:8px 14px;font-size:12px;}
 #fortuneInfoDialog.fortune-confirm-dialog h2{font-size:19px;}
 .fortune-confirm-layout{gap:12px;margin:6px 0;}.fortune-confirm-art .fortune-info-symbol{width:80px;height:80px;}.fortune-confirm-art strong{font-size:30px;}
 .fortune-confirm-layout dl>div{padding:5px 0;}.fortune-confirm-layout dd{font-size:18px;}.fortune-confirm-layout p{margin:6px 0;line-height:1.3;}
 #fortuneInfoDialog.fortune-confirm-dialog button{min-height:36px;padding:5px 12px;}
}