/* Cookie notice on the intro screen and the fallback bar when the intro is not shown. */
.rh-intro-consent{flex-basis:100%;margin:8px 0 0;text-align:center;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;color:#8ea07a;text-wrap:balance}
.rh-intro .rh-intro-consent button{min-height:0;margin-left:6px;padding:2px 2px;border:0;background:none;color:#b7c79a;text-decoration:underline;text-underline-offset:3px;font:inherit;letter-spacing:inherit}
.rh-intro .rh-intro-consent button:hover{background:none;color:var(--rh-lime,#c3ff00)}
:root[data-analytics-consent="1"] .rh-intro-consent,:root[data-analytics-consent="0"] .rh-intro-consent{display:none}
.analytics-notice{position:fixed;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:900;display:flex;gap:10px 16px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto;max-width:720px;padding:12px 18px;border:1px solid #354324;border-radius:4px;background:#0d1209f2;backdrop-filter:blur(10px);color:#d6dfc1;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;box-shadow:0 10px 30px #0008}
.analytics-notice[hidden]{display:none}
.analytics-notice p{margin:0}
.analytics-notice .analytics-notice-actions{display:flex;gap:8px}
.analytics-notice button{min-height:36px;padding:6px 14px;font:inherit;letter-spacing:inherit;border:1px solid #354324;border-radius:3px;background:#0d1209;color:#d6dfc1;cursor:pointer}
.analytics-notice button:hover{border-color:#7b9d30;color:#c3ff00}
.analytics-notice button[data-analytics-accept]{background:#c3ff00;border-color:#c3ff00;color:#0d1209;font-weight:600}
.analytics-notice button[data-analytics-accept]:hover{color:#0d1209;background:#d7ff4d}
/* iPhone browsers auto-size text blocks unevenly without this: tiny menu labels, inflated intro text (2026-10-19). */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Intro on phones: stacked full-width buttons, so the label change "Skip intro" -> "Enter the Ribbit Hole" cannot shift the layout (2026-10-19). */
@media(max-width:600px){.rh-intro .rh-intro-actions{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;left:16px;right:16px}.rh-intro .rh-intro-actions>button{width:100%;margin:0;box-sizing:border-box}.rh-intro .rh-intro-actions .rh-intro-consent{flex-basis:auto;margin:4px 0 0}}