/* One scrollable, illustrated rulebook over the game. Existing ink artwork is reused. */
#game-info{position:fixed;inset:auto;box-sizing:border-box;margin:0;padding:0;max-width:none;max-height:none;border:1px solid #756851;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#211c16 0,#11100e 52%,#0c0c0b 100%);color:#e9e1d0;box-shadow:0 15px 65px #0009;font:1rem/1.55 Arial,Helvetica,sans-serif}
#game-info::backdrop{background:#0005}
#game-info .info-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#9c8c71 #151310;scrollbar-width:thin;padding:36px clamp(24px,5vw,76px) 48px;scroll-behavior:auto;scrollbar-gutter:stable}
#game-info .info-close{position:absolute;z-index:2;right:15px;top:14px;display:grid;place-items:center;width:46px;height:46px;padding:9px;border:0;border-radius:3px;background:#100f0ee8;color:#f3e9d4;cursor:pointer}
.info-close svg{width:100%;height:100%;stroke:currentColor;stroke-width:5;stroke-linecap:square;fill:none}
#game-info button:focus-visible,#features button:focus-visible{outline:2px solid #f5e8c8;outline-offset:3px}
#game-info .info-close:hover{background:#4b1a17}
#game-info h2{margin:0 0 26px;padding:0 48px 16px;text-align:center;font:clamp(20px,2.4vw,28px)/1.3 Outlaw,Georgia,serif;letter-spacing:.03em;color:#f0e4ca;border-bottom:1px solid #6c5c434d}
#game-info h3{font-size:1rem;line-height:1.35;font-weight:750;margin:0 0 9px;color:#f4ead6}
#game-info p{margin:10px 0 0}
#game-info b{color:#fff0ce}
.info-section+.info-section{margin-top:70px}
.info-current-bet{text-align:center;font-size:.875rem;letter-spacing:.08em;color:#b5a78c;margin-top:-12px!important}
.info-current-bet b{margin-left:10px;font-variant-numeric:tabular-nums}
.info-special-grid,.info-pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:38px;text-align:center}
.info-special-grid{margin:26px 0 38px}
#game-info .info-special-grid h3{margin:12px 0 0;font-size:.875rem;letter-spacing:.045em}
#game-info .info-special-grid p{font-size:.875rem;margin:5px 0;color:#bfb095}
.info-art{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;margin:0 auto}
.info-poster{object-fit:contain}
.info-tile{display:block;width:112px;max-width:100%;aspect-ratio:1;margin:0 auto;background-image:url('assets/ash-bone/symbols.png');background-size:600% 200%;background-repeat:no-repeat}
#game-info .info-pay-note{text-align:center;max-width:580px;margin:0 auto 36px;color:#d0c4ae;font-size:.9375rem}
#game-info .info-pay-card h3{margin:12px 0 8px;font-size:.9375rem}
.info-pay-card table{border-collapse:collapse;margin:0 auto;min-width:100px;font-variant-numeric:tabular-nums;font-size:.9375rem;line-height:1.45}
.info-pay-card thead th{font-size:.75rem;font-weight:400;letter-spacing:.06em;color:#b6a78c;padding:0 7px 6px}
.info-pay-card tbody th{color:#d4b885;text-align:right;padding:0 14px 0 7px;font-weight:700}
.info-pay-card td{text-align:left;padding:0 7px;white-space:nowrap;color:#f3ead8}
.info-rule-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:start;column-gap:30px;margin:32px 0}
.info-rule-row:first-of-type{margin-top:0}
.info-rule-art{padding-top:3px}
.info-rule-art .info-art,.info-rule-art .info-tile{width:108px;height:108px}
.info-rule-art .info-poster{height:170px}
#game-info .info-fact{color:#d6bd8c;font-size:.875rem;letter-spacing:.035em;margin:0 0 10px;font-weight:700}
.info-example{margin:24px 0;padding:20px 24px;border-left:3px solid #8d352d;background:#e7d6ad08}
.info-example strong{font-size:1.0625rem;letter-spacing:.06em;color:#ead5a6}
.info-large-number{text-align:center;font:clamp(28px,4vw,44px)/1.2 Outlaw,Georgia,serif;color:#f4e5c3;margin-bottom:22px!important}
.info-rule-art svg{display:block;width:44px;height:44px;margin:4px auto;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#e5d7b9}
#info-controls .info-rule-row{grid-template-columns:70px minmax(0,1fr);column-gap:25px}
#info-notice{color:#c0b39c}
#game-info .info-return{display:block;min-height:48px;margin:30px auto 0;padding:12px 26px;background:#231c16;border:1px solid #8a7654;color:#f4e5c8;font:1rem Outlaw,Georgia,serif}
#game-info .info-return:hover{background:#35281d}
/* Compact menu above the existing hamburger; existing controls keep their IDs. */
#features{position:fixed;inset:auto;box-sizing:border-box;max-width:calc(100vw - 16px);margin:0;padding:14px;border-radius:3px;border:1px solid #6d604a;background:#11100ff7;color:#eee3cd;overflow:auto;box-shadow:0 8px 30px #0008}
#features::backdrop{background:#0002}
#features .close{position:static;display:block;margin:0 0 8px auto;width:36px;height:36px;background:transparent;color:#d9cab0;border:0;border-radius:0}
#features .toolbar{margin:0;padding:0;gap:4px;border:0}
#features .tools{gap:4px;align-items:stretch;display:flex;flex-direction:column}
#features .toolbar button{width:100%;display:flex;align-items:center;gap:12px;justify-content:flex-start;min-height:46px;white-space:normal;font-size:.875rem;letter-spacing:.025em;padding:10px 12px;border:0;background:transparent;color:#e9e0cb;text-align:left}
#features .toolbar button:hover{background:#e4d3b812;color:#fff1cf}
#features .toolbar button svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:2.4}
#features #open-info{color:#f5e5ba;font-weight:750}
#features .info-menu-secondary{display:flex;gap:6px;margin-top:4px}
#features .info-menu-secondary button{justify-content:center}
#features .demo-tools{margin-top:12px;border-top:1px solid #5e503a66;padding-top:12px}
#features .demo-tools summary{cursor:pointer;min-height:32px;font-size:.875rem;color:#b8ab93}
#features .demo-tools .actions{display:flex;flex-direction:column;margin-top:8px;gap:4px}
#features .demo-tools button{width:100%;min-height:40px;border:1px solid #4e4132;background:#1a1511;color:#dacfbb;font-size:.875rem;padding:8px}
#features .demo-tools small{font-size:.75rem;line-height:1.5;margin-top:10px;color:#bfb19b}
@media(max-width:600px){
 #game-info .info-scroll{padding:30px 20px 36px}
 #game-info .info-close{right:10px;top:10px;width:44px;height:44px}
 #game-info h2{font-size:20px;padding-left:26px;padding-right:38px}
 .info-special-grid,.info-pay-grid{column-gap:12px;row-gap:30px}
 .info-special-grid{margin:24px 0 28px}
 .info-art{width:92px;height:100px}
 .info-tile{width:90px}
 #game-info .info-special-grid h3{font-size:.8125rem}
 #game-info .info-special-grid p{font-size:.8125rem}
 .info-pay-card table{min-width:0}
 .info-pay-card thead th{padding-left:3px;padding-right:3px;font-size:.75rem}
 .info-pay-card tbody th{padding-right:8px;padding-left:3px}
 .info-pay-card td{padding:0 3px}
 .info-section+.info-section{margin-top:52px}
 .info-rule-row{grid-template-columns:78px minmax(0,1fr);column-gap:18px}
 .info-rule-art .info-art,.info-rule-art .info-tile{width:78px;height:78px}
 .info-rule-art .info-poster{height:126px}
 #info-controls .info-rule-row{grid-template-columns:42px minmax(0,1fr);column-gap:18px}
 .info-rule-art svg{width:34px;height:34px}
}
@media(max-width:350px){.info-special-grid,.info-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-rule-row{grid-template-columns:1fr;gap:14px}.info-rule-art{justify-self:start}}
.info-rtp-table{width:100%;border-collapse:collapse;font:inherit;margin:16px 0}
.info-rtp-table th,.info-rtp-table td{padding:10px 8px;border-bottom:1px solid #e2d0ad35;text-align:left;font-weight:400}
.info-rtp-table td,.info-rtp-table thead th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
