/* A narrow, decorative ribbon. Layout stays inside its own viewport. */
.reino-world-flags{height:28px;box-sizing:border-box;display:flex;align-items:center;gap:0;min-width:0;width:100%;overflow:hidden;background:#173f35;border-bottom:1px solid #b3965a66;color:#f4ecd8;isolation:isolate}
.reino-world-flags-window{flex:1;min-width:0;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.reino-world-flags-track{display:flex;width:max-content;height:100%;animation:reino-flags-travel 410s linear infinite;will-change:transform}
.reino-world-flags-group{display:flex;flex:none;align-items:center;height:100%;gap:0}
.reino-world-flag{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:100%;font:19px/1 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;cursor:default}
.reino-world-flags .reino-flags-toggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:28px;min-height:0;min-width:0;padding:0;margin:0;border:0;border-left:1px solid #b3965a55;border-radius:0;background:transparent;color:#e5d6b0;box-shadow:none;font:10px/1 sans-serif;cursor:pointer}
.reino-world-flags .reino-flags-toggle:focus-visible{outline:2px solid #f7d68a;outline-offset:-3px}
.reino-world-flags[data-paused="true"] .reino-world-flags-track{animation-play-state:paused}
@keyframes reino-flags-travel{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.reino-world-flags:not([data-motion-allowed="true"]) .reino-world-flags-track{animation-play-state:paused}}
@media print{.reino-world-flags{display:none!important}}