@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&family=Sankofa+Display&display=swap");
.eats-account .free-uses-counter { background:transparent; color:inherit; border:1px solid currentColor; font:600 14px/1.4 "Quicksand",sans-serif; padding:10px 14px; }
.eats-rules { box-sizing:border-box; width:min(860px,calc(100% - 24px)); max-height:calc(100dvh - 32px); overflow:auto; padding:38px 30px 26px; border:1px solid #ddc5d0; border-radius:28px; background:#2a2626; color:#ddc5d0; font:16px/1.6 "Quicksand",sans-serif; }
.eats-rules::backdrop { background:#130c12b8; }
.eats-rules [hidden] { display:none!important; }
.eats-rules .rules-close { position:absolute; right:14px; top:10px; width:44px; height:44px; border:0; background:transparent; color:#ddc5d0; font:30px/1 sans-serif; cursor:pointer; }
.rules-scene { position:relative; width:160px; height:170px; margin:0 auto 20px; }
.rules-scene span { position:absolute; bottom:0; left:15px; font-size:125px; line-height:1; }
.rules-scene img { position:absolute; top:0; left:46px; width:80px; height:88px; object-fit:contain; z-index:1; }
.rules-bubble { position:relative; border-radius:22px; background:#fbe89c; color:#3c0917; padding:22px 28px; }
.rules-bubble::before { content:""; position:absolute; left:calc(50% - 16px); top:-18px; border-left:16px solid transparent; border-right:16px solid transparent; border-bottom:19px solid #fbe89c; }
.rules-bubble h2 { margin:0 0 12px; font:700 clamp(23px,4vw,32px)/1.2 "Quicksand",sans-serif; }
.rules-bubble p { margin:0 0 16px; }
.rules-bubble ul { padding-left:22px; margin:0; }
.rules-bubble li+li { margin-top:14px; }
.rules-usage { padding:10px 4px; }.rules-usage p {font-weight:600;}.rules-usage summary {cursor:pointer;}.rules-usage ol {font-size:14px;}
.rules-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px;}
.rules-actions button {border:1px solid #ddc5d0;border-radius:14px;padding:12px 18px;background:#fbe89c;color:#3c0917;font:700 16px/1.4 "Quicksand",sans-serif;cursor:pointer;}
.rules-actions [data-rules-signin] {background:transparent;color:#ddc5d0;}
.guest-access-note {text-align:center;max-width:700px;margin:32px auto;padding:20px;color:var(--page-ink,#ddc5d0);font:600 18px/1.6 "Quicksand",sans-serif;}
.eats-rules :focus-visible {outline:3px solid #c2cbea;outline-offset:4px;}
@media(min-width:720px){.rules-scene{float:left;margin:36px 25px 0 0;}.rules-bubble{margin-left:190px;}.rules-bubble::before{left:-18px;top:48px;border:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:19px solid #fbe89c;}.rules-usage{clear:both;}}
@media(max-width:480px){.eats-rules{padding:36px 16px 20px;}.rules-bubble{padding:20px;}.rules-scene{transform:scale(.8);height:140px;margin-bottom:8px;}}
/* Page-level paragraph and heading styles must not override the speech bubble. */
.eats-rules { text-align:center; }
.eats-rules .rules-bubble h2,.eats-rules .rules-bubble p,.eats-rules .rules-bubble li { color:#3c0917; text-align:center; }
.eats-rules .rules-usage p { color:#ddc5d0; }

/* Match the results-page Eats speech bubbles and appearance palette. */
.eats-rules { background:var(--page-bg,#2a2626); color:var(--page-ink,#ddc5d0); border-color:var(--page-ink,#ddc5d0); }
.eats-rules .rules-bubble { background:var(--page-bg,#2a2626); color:var(--page-ink,#ddc5d0); border:2px solid var(--page-ink,#ddc5d0); border-radius:24px; padding:24px; font:400 16px/1.65 "Quicksand",sans-serif; }
.eats-rules .rules-bubble h2 { color:inherit; font:400 clamp(28px,5vw,48px)/1 "Sankofa Display",sans-serif; text-align:center; margin:0 0 16px; }
.eats-rules .rules-bubble p,.eats-rules .rules-bubble li,.eats-rules .rules-usage p { color:inherit; }
.eats-rules .rules-close {color:inherit;}
.eats-rules .rules-bubble::before,.eats-rules .rules-bubble::after {content:"";position:absolute;width:0;height:0;border-style:solid;}
.eats-rules .rules-bubble::before {left:calc(50% - 16px);top:-20px;bottom:auto;border-width:0 18px 20px;border-color:transparent transparent var(--page-ink,#ddc5d0);}
.eats-rules .rules-bubble::after {left:calc(50% - 13px);top:-16px;bottom:auto;border-width:0 15px 17px;border-color:transparent transparent var(--page-bg,#2a2626);}
@media(min-width:720px){
 .eats-rules .rules-bubble::before {left:-20px;top:65px;bottom:auto;border-width:18px 20px 0 0;border-color:transparent var(--page-ink,#ddc5d0) transparent transparent;}
 .eats-rules .rules-bubble::after {left:-15px;top:67px;bottom:auto;border-width:14px 16px 0 0;border-color:transparent var(--page-bg,#2a2626) transparent transparent;}
}

/* Mirror only the bird; the Earth and speech bubble remain unchanged. */
.rules-scene img { scale:-1 1; }

/* A smaller Earth sits below a wings-open bird of the same size. */
.rules-scene { width:160px; height:205px; }
.rules-scene span { font-size:87.5px; width:87.5px; height:87.5px; left:36px; top:110px; bottom:auto; line-height:1; }
.rules-scene img { width:87.5px; height:87.5px; left:36px; top:25px; object-fit:contain; }
.eats-rules .rules-actions { clear:both; padding-top:20px; }
@media(max-width:480px){.rules-scene{height:185px;transform:none;}}

/* The existing ALE nebula asset, including inside the modal top layer. */
.eats-rules { background:#030611 url("/assets/ale-galaxy-background.png") center / cover no-repeat; }